事件元素上的 css 但不是它的边框

Question

我正在制作移动应用程序，其中在 html 中有多个 span 标签，并且我在没有定义颜色的情况下将边框应用于 span，以便边框按照它的颜色显示。

here is a demo

所以现在，我想更改 active 上 span 标签的颜色，但不是 border-color，这就是为什么我试图通过设置 initial 值，但似乎不支持 border-color 中的初始值。

span:active{
    color: red;
    border-color: initial;
}

---

我可以管理每个彩色元素的事件状态 border-color 但这需要做很多工作。是否有任何标准方法可以仅在其元素上而不是在其边框上进行元素更改？

Answer 1

你可以设置border-color: inherit:

span:active{
    color: red;
    border-color: inherit;
}

看这里:box model

fiddle