css在活动元素上但不是它的边界

Question

我正在制作移动应用，其中html中有多个span标签，并且我已将边框应用于跨度而未定义颜色，因此边框将按照其标准进行操作颜色。

here is a demo

所以现在，我想更改span上active标签的颜色，而不是它的边框颜色，这就是我试图通过设置{{1但似乎没有支持border-color中的初始值。

initial

---

我可以管理每个彩色元素活动状态边框颜色，但它需要很多工作。是否有任何标准的方法只在元素上进行元素更改，而不是在它的边界上？

Answer 1

您可以设置border-color: inherit：

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

看看这里：box model

fiddle

Answer 2

使用inherit not initial。

border-color: inherit;

Answer 3

从初始更改为继承将执行操作

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

工作JS小提琴：

http://jsfiddle.net/fapr39e7/2/