Wie kann ich vollständig überschreiben Chrom deaktiviert Eingabefeld Farben?

Beispiel: http://jsfiddle.net/wCFBw/25/

Wie kann ich vollständig überschreiben Chrom deaktiviert Eingabefeld Farben?

input {
    color: black;
}
<input type="text" value="This is black" />
<input type="text" disabled="disabled" value="Why this is not black?" />
InformationsquelleAutor denysonique | 2011-04-01
  1. 18

    Ich nicht wissen warum das passiert, aber ich vermuten WebKit versucht, intelligent zu sein mit Bezug auf lassen den Benutzer wissen, der <input> deaktiviert ist.

    Sie können dies umgehen, indem man auch die -webkit-text-fill-color Eigenschaft:

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

    Bitte stellen Sie sicher, dass Sie die Einstellung der Farbe zu etwas, das macht es offensichtlich, dass die <input> deaktiviert ist.

    Hier Ihr demo -, geändert mit der neuen Eigenschaft: http://jsfiddle.net/thirtydot/wCFBw/38/

    • Sollten Sie verdient die l33t-Abzeichen für diese Antwort.
    • Dies scheint zu sein, - text-fill-color und text-Schlaganfall CSS3 Zeug
    • Kein problem! Diese Eigenschaft ist nicht wirklich CSS3 als solches; es ist ein WebKit-only-Eigentum. Laut dem link in meiner Antwort, es ist Available in Safari 3.0 and later, also es ist schon eine Weile herum.
    • Super Antwort, danke! Jede Idee, wie dies funktioniert im IE8? (Die Farbe ist nur Grau...)
    • Es scheint nicht zu sein ein guter finden Sie unter: stackoverflow.com/questions/1411044/... - man kann stellen Sie den input zu readonly statt, aber das hat andere Konsequenzen (wie mit readonly, die input wird an den server gesendet werden auf "Absenden", aber mit disabled es nicht): jsfiddle.net/wCFBw/40
    • Danke - das bestätigt was ich dachte
    • gibt es irgendwie die Hintergrundfarbe ändern, statt der font-Farbe für die Hervorhebung Zwecke ?
    • -webkit-text-fill-color: currentcolor Dank für den link zur API.

    InformationsquelleAutor thirtydot
Schreibe einen Kommentar