禁用输入元素的样式 - Chrome 和 Firefox 之间的差异答案

【问题标题】：Styling of disabled input elements - discrepancy between Chrome and Firefox禁用输入元素的样式 - Chrome 和 Firefox 之间的差异
【发布时间】：2012-01-14 19:23:50
【问题描述】：

我有一个禁用的输入元素，我正在使用以下 CSS 设置样式：

input[disabled='disabled'] {
    color: #666;
}

此 CSS 在 Firefox 中按预期工作，但 Chrome 将文本颜色呈现为几种颜色太浅。如果我将颜色一直设置为黑色#000000 Chrome 会将其呈现为深灰色而不是黑色。这里的问题是 CSS 在 Firefox 中产生了预期的结果，但在 Chrome 中没有。

JSFiddle 中的一个示例将展示差异：http://jsfiddle.net/2AtGX/

如何让这个禁用的输入元素在 Firefox 和 Chrome 中看起来一样？

【问题讨论】：

标签： html css firefox google-chrome

【解决方案1】：

请查看此链接以获取答案：

How can I fully override Chromium disabled input field colours?

简答：设置 -webkit-text-fill-color: black

【讨论】：

不错的发现！标准这么多，我宁愿拥有一个符合标准的浏览器，也不愿拥有一个智能浏览器。