如何完全覆盖Chromium禁用的输入字段颜色?
问题描述:
例子:http://jsfiddle.net/wCFBw/25/如何完全覆盖Chromium禁用的输入字段颜色?
input {
color: black;
}
<input type="text" value="This is black" />
<input type="text" disabled="disabled" value="Why this is not black?" />
答
我不知道为什么发生这种情况,但我嫌疑 WebKit是试图将智能相对于让用户知道<input>
已禁用。
可以通过同时使用-webkit-text-fill-color
property解决此:
input.black {
color: black;
-webkit-text-fill-color: black
}
请确保你设置颜色的东西,使得它显然,<input>
被禁用。
这是你的演示,用新的属性修改:http://jsfiddle.net/thirtydot/wCFBw/38/
你应该已经赢得了这个答案的l33t徽章。 – denysonique 2011-04-01 21:47:55
这似乎是文字填充颜色和文字描边CSS3的东西 – denysonique 2011-04-01 21:49:28
没问题!这个属性并不是真正的CSS3,这是一个WebKit专有的属性。根据我的回答中的链接,它是'Safari 3.0及更高版本中可用的',所以它已经存在了一段时间。 – thirtydot 2011-04-01 21:52:03