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

标签 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 中看起来一样?

最佳答案

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

How can I fully override Chromium disabled input field colours?

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

关于html - 禁用输入元素的样式 - Chrome 和 Firefox 之间的差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8412671/

相关文章:

javascript - 什么是 HTML5 规范中的解析器插入脚本

css - 当它向左浮动时定位到右边

css - 当子元素在父元素上方时,safari 不滚动

jquery - 使用 CSS 使一个部分匹配另一个部分的高度

jquery - 如何在列表框中未选择任何内容时禁用按钮

Firefox 锁定 places.sqlite

Firefox 中滚动条下的 CSS 固定位置移动

javascript - 在更改屏幕分辨率时使用不支持的javascript动态创建div元素

html - 按钮 HTML/CSS 后面的水平线

javascript - 如何使用 jQuery 切换列表子列表子列表?