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