html - 控制嵌入边框的两种颜色？

Question

我正在尝试查看是否有办法更改 CSS 中嵌入边框的两种颜色

如您所知，插入样式会在元素上创建边框，从而产生其具有嵌入边框的错觉。它通过将底部和右侧边框设置为您选择的颜色来实现此目的，并将顶部和左侧边框的颜色更改为稍暗的阴影。

有谁知道你可以控制多暗的方法，或者甚至是不同颜色的替代阴影？

#myElement{
    border: inset 1px white;
}

谢谢。

Answer 1

我认为您无法按照我提到的方式控制它，但可以肯定的是，您可以控制每个边框的单独颜色：

#myElement{
  border-style: solid;
  border-width: 1px;
  border-top-color: black;
  border-left-color: black;
  border-right-color: white;
  border-bottom-color: white;
}

Answer 2

如果你想对嵌入边框的所有边使用相同的颜色，试试这个，我用过并且效果很好。

border-style: solid inset solid solid;