CSS框阴影的奇怪边框

Question

我将以下样式应用于此测试page中显示的提交按钮：

border-radius: 25px;
border: none;
background: #FE6181;
box-shadow: 0 0 0px 0.4em #f4f4f4 inset;
padding: 20px;

正如你所看到的那样，有一些非常不规则的粉红色边框，按钮周围没有任何关系。那是为什么？

Answer 1

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

我不熟悉盒子阴影，但是你需要一个插入和开始的阴影，但只有一个像素开始，所以它掩盖了轮廓。

Answer 2

属性＆＃34; box-shadow＆＃34;因为背景，显然会变坏。

在你的情况下使用＆＃34; border＆＃34;可以解决问题

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