如何完全覆盖 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 正在努力让用户知道 被禁用。

您还可以使用 -webkit-text-fill-color 属性：

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

请确保将颜色设置为明显的颜色 被禁用。

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