与CSS的box-shadow古怪的边界

Question

我采用下列风格在本次测试page提交按钮可见：

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

正如你可以看到有哪些无关这里周围的一些非常不规则的粉红边框按钮。这是为什么 ？

Answer 1

你插入盒阴影并没有完全填权出边缘，剩下的背景可见。

我不熟悉的盒子的影子，但你需要一个影子，通过关于像素既是插图和开始，但只有一开始，所以它涵盖了大纲。

Answer 2

酒店“的box-shadow”显然呈现，因为背景不好。

在你的情况下，使用“边界”可能会解决问题

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