为什么带有 color:inherit 的(禁用)按钮不遵循禁用样式?

Why do (disabled) buttons with color:inherit not follow disabled style?

如此 fiddle 中所示,buttoncolor: inherit 的 属性 可防止已禁用的按钮显示为已禁用。

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

https://jsfiddle.net/zzhLhkjx/

将其与 https://jsfiddle.net/g46kg6ev/ 进行比较,后者显示了一个禁用的按钮,文本显示为灰色。只需指定要继承的颜色即可停止该行为。

据我了解,任何 author 定义的样式都会 over-qualify 任何 user-agent 风格而不考虑 特殊性 - 因为作者风格总是比用户代理风格承载更多 权重

JSFiddle demonstration to rule out any specificity doubts


来自@JukkaK.Korpela

的答案 (What is user agent stylesheet) 中有关用户代理样式表权重的更多信息

"User agent style sheets are overridden by anything that you set in your own style sheet. They are just the rock bottom: in the absence of any style sheets provided by the page or by the user, the browser still has to render the content somehow, and the user agent style sheet just describes this."