如何让按钮继承颜色

Question

颜色继承似乎不适用于按钮。

<div style='color:blue'>
    <button>
        hi
    </button>
</div>

当我调试上面的代码时，我看到按钮从 div 继承了颜色“蓝色”。但是，它仍然呈现为黑色。

如果我直接将按钮的颜色设置为蓝色，它会按预期呈现蓝色。

如何让颜色继承适用于按钮？

jsfiddle在这里。

Answer 1

看到这个小提琴

您可以添加color:inherit到button. 因此，将其添加到您的 css 中，如下所示..

CSS

button{
    color: inherit;
}

如文档中所示

继承 CSS 值会导致指定它的元素从其父元素中获取属性的计算值。每个 CSS 属性都允许使用它。