用于实心按钮的CSS框阴影：在不知道背景颜色的情况下聚焦？

Question

我正在使用some button styles on codepen并使用双框阴影来产生此效果，以用作:focus状态。

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

有没有办法在不知道背景颜色的情况下制作像这样的盒子阴影？想以某种方式插入盒子阴影？我想在不知道背景颜色的情况下产生这种效果。

Answer 1

您可以增加填充，然后使用一定量的插入边框。插入边框（实际上是轮廓）将是白色，而外部橙色将是原始背景的一部分。