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

时间:2011-12-07 09:03:04

标签: html css firefox google-chrome

我使用以下CSS设置了一个禁用的输入元素:

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

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

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

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

1 个答案:

答案 0 :(得分:6)

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

How can I fully override Chromium disabled input field colours?

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