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

我正在制作移动应用程序,其中html中有几个span标签,我已经将边框应用于跨度而没有定义颜色,因此边框将按其颜色显示.

here is a demo

所以现在,我想改变活动的span标签的颜色,但不是它的边框颜色,这就是为什么我试图通过设置初始值来实现它,但似乎不支持border-color中的初始值.

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

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

你可以设置border-color：inherit：

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

看看这里：box model

fiddle