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

Question

示例：http://jsfiddle.net/wCFBw/25/

input {
    color: black;
}

<input type="text" value="This is black" />
<input type="text" disabled="disabled" value="Why this is not black?" />

Answer 1

我知道为什么会发生这种情况，但我怀疑 WebKit正试图让用户知道<input>被禁用

您也可以使用-webkit-text-fill-color property：

解决此问题

input.black {
    color: black;
    -webkit-text-fill-color: black
}

请确保您将颜色设置为明显禁用<input>的颜色。

这是您的演示，使用新属性修改：http://jsfiddle.net/thirtydot/wCFBw/38/