为什么（禁用）按钮有颜色：继承不遵循禁用样式？

Question

正如在这个小提琴中看到的那样，color: inherit上的button属性会阻止禁用的按钮显示为已禁用。

我认为特异性意味着禁用的按钮仍然显示为禁用。这如何覆盖用户代理样式以及如何使它们再次显示为启用？手动为button:disabled {color:GreyText}指定颜色不起作用。

https://jsfiddle.net/zzhLhkjx/

将此与https://jsfiddle.net/g46kg6ev/进行比较，后者显示带有灰色文本的禁用按钮。只需指定要继承的颜色就可以阻止该行为。

Answer 1

根据我的理解，任何作者定义的样式都将过度限定任何用户代理样式，而不管特异性 - 因为作者样式总是比用户代理样式带有更多权重。

JSFiddle demonstration to rule out any specificity doubts

来自@ JukkaK.Korpela的答案（What is user agent stylesheet）的用户代理样式表权重的更多信息

  

＆＃34;用户代理样式表将被您设置的任何内容覆盖   你自己的样式表。它们只是最底层的：在没有的情况下   由页面或用户，浏览器提供的任何样式表   仍然必须以某种方式呈现内容，以及用户代理样式   表格只描述了这一点。＆＃34;