活动元素上的css,但不是它';边界

活动元素上的css,但不是它';边界,css,Css,我正在制作移动应用程序,其中html中有几个span标记,我在span上应用了边框,但没有定义颜色,因此边框将根据其颜色 所以现在,我想更改active上span标记的颜色,但不是它的边框颜色,这就是为什么我试图通过设置initial值来实现它,但似乎边框颜色中不支持初始值 span:active{ color: red; border-color: initial; } 我可以管理每个彩色元素的活动状态边框颜色,但这需要大量的工作。是否有任何标准方法仅对其元素进行更改,而

我正在制作移动应用程序,其中html中有几个
span
标记,我在span上应用了边框,但没有定义颜色,因此边框将根据其颜色

所以现在,我想更改
active
span
标记的颜色,但不是它的边框颜色,这就是为什么我试图通过设置
initial
值来实现它,但似乎边框颜色中不支持初始值

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


我可以管理每个彩色元素的活动状态边框颜色,但这需要大量的工作。是否有任何标准方法仅对其元素进行更改,而不对其边框进行更改?

您可以设置
边框颜色:inherit

span:active{
    color: red;
    border-color: inherit;
}
请看这里:


使用inherit not initial

border-color: inherit;

从initial更改为inherit就可以了

span:active{
color: red;
border-color: inherit;
}
工作JS小提琴:


当在边框上使用
首字母时
意味着边框将使用
颜色
css-这意味着它将变为红色: