CSS框陰影爲固體按鈕：焦點不知道背景顏色？

Question

我正在使用some button styles on codepen，並且正在使用雙盒陰影來產生此效果以用作:focus狀態。

box-shadow: 0 0 0 3px currentColor, 0 0 0 5px var(--background); 

是否有產生的box-shadow這樣沒有背景顏色的知識呢？想以某種方式插入盒子陰影？我想在不需要知道背景顏色的情況下產生這種效果。

Answer 1

你可以增加填充，然後有一定的數量的插入邊框。嵌入邊框（實際上是輪廓）將是白色，而外部橙色將是原始背景的一部分。