带有CSS框阴影的奇怪边框

我将以下样式应用于此测试中可见的submit按钮：

---

正如你所看到的，按钮周围有一些非常不规则的粉红色边框，与此无关。这是为什么？

您的插入框阴影没有完全填充到边缘，使背景可见

我不熟悉长方体阴影，但你需要一个既嵌入又开始的阴影，但只开始大约一个像素，所以它会覆盖轮廓。

属性“长方体阴影”显然由于背景而渲染不好

在您的情况下，使用“边界”可以解决问题

border-radius: 25px;
border: 0.4em solid #F4F4F4;
background: #FE6181;
padding: 20px;

---

我不确定的是，没有一个盒子的阴影是既嵌入又伸出的，但这就是问题所在，阴影没有完全上升到边缘。

border-radius: 25px;
border: 0.4em solid #F4F4F4;
background: #FE6181;
padding: 20px;