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プロパティも使用して、これを回避できます。

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

<input>が無効になっていることを明確に示す色に設定していることを確認してください。

これが新しいプロパティで変更されたデモです: http://jsfiddle.net/thirtydot/wCFBw/38/