如何完全覆盖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/

+0

你应该已经赢得了这个答案的l33t徽章。 – denysonique 2011-04-01 21:47:55

+0

这似乎是文字填充颜色和文字描边CSS3的东西 – denysonique 2011-04-01 21:49:28

+0

没问题!这个属性并不是真正的CSS3,这是一个WebKit专有的属性。根据我的回答中的链接,它是'Safari 3.0及更高版本中可用的',所以它已经存在了一段时间。 – thirtydot 2011-04-01 21:52:03