控制插入边框的两种颜色？

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;