CSS:从元素本身获取边框颜色

Question

我怎样才能通过CSS获得元素本身的颜色？我希望边框颜色与文本本身的颜色相同.

示例HTML:

<span class="status-name" style="color:#ff0000">Max</span>

CSS:

.status-name {
    font-weight: bold;
    border-bottom: 1px solid ???;
}

底部边框#ff0000现在应该有颜色.我尝试过inherit,auto甚至attr(data-color)(与data-color="#ff0000"属性结合使用)但都使规则对浏览器无效.

请注意,如果可能的话,我需要通过CSS来解决这个问题,因为页面上有数千个元素,这些类主要通过手机访问.另外我知道设置CSS via style不是最先进的,但是有数百种不同的颜色值,为每种颜色创建一个自己的CSS类是不合理的,不是吗？

Answer 1

默认情况下,边框会继承框的颜色属性,因此在CSS声明中不设置颜色:

border-bottom: 1px solid;