Как я могу полностью переопределить отключенные хромом цвета поля ввода?

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 свойство :

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

Пожалуйста, убедитесь, что вы устанавливаете цвет на что-то, что делает очевидным, что <input> отключен.

Вот ваше демо, измененное с новым свойством: http://jsfiddle.net/thirtydot/wCFBw/38/