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

Question

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属性解决此问题:

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

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

这是你的演示,用新属性修改:http://jsfiddle.net/thirtydot/wCFBw/38/

@philfreo:似乎没有一个好的方式,请参阅:http://stackoverflow.com/questions/1411044/how-to-change-color-of-disabled-html-controls-in-ie8- using-css - 你*可以*将输入设置为`readonly`,但这有其他后果(例如`readonly`,`input`将在提交时发送到服务器,但是`disabled`,它不会是):http://jsfiddle.net/wCFBw/40/ (2认同)