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

Question

我有一个禁用的输入元素,我正在使用以下CSS样式:

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

这个CSS在Firefox中按预期工作,但Chrome渲染文本颜色的几个阴影太亮.如果我将颜色一直设置为黑色#000000Chrome,则将其渲染为深灰色而不是黑色.这里的问题是CSS在Firefox中产生了预期的结果,但在Chrome中却没有.

JSFiddle中的一个例子,它将展示这种差异:http://jsfiddle.net/2AtGX/

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

Answer 1

请检查此链接以获取答案:

如何完全覆盖Chromium禁用的输入字段颜色？

简答:set -webkit-text-fill-color:black