與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;