如何获得继承颜色的按钮

Question

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

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

当我调试上面的代码时，我看到按钮继承了颜色＆＃34; blue＆＃34;来自div。但是，它仍然呈现为黑色。

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

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

jsfiddle here。

Answer 1

请参阅此fiddle

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

<强> CSS

button{
    color: inherit;
}

与docs

一样

  

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