Comment puis-je complètement remplacer le Chrome désactivé champ de saisie de couleurs?

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

Comment puis-je complètement remplacer le Chrome désactivé champ de saisie de couleurs?

input {
    color: black;
}
<input type="text" value="This is black" />
<input type="text" disabled="disabled" value="Why this is not black?" />

OriginalL'auteur denysonique | 2011-04-01

  1. 18

    Je n'ai pas savoir pourquoi cela arrive, mais je suspect WebKit est d'essayer d'être intelligent à l'égard de laisser l'utilisateur de savoir le <input> est désactivé.

    Vous pouvez contourner ce problème en utilisant la -webkit-texte-fill-color de la propriété:

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

    S'il vous plaît, assurez-vous que vous êtes le réglage de la couleur de quelque chose qui le rend évident que le <input> est désactivé.

    Voici votre démo, modifié avec la nouvelle propriété: http://jsfiddle.net/thirtydot/wCFBw/38/

    Vous devriez avoir gagné le 3ll3 badge pour cette réponse.
    Cela semble être le texte de remplissage-la couleur et le texte-avc CSS3 trucs
    Pas de problème! Cette propriété n'est pas vraiment CSS3 en tant que tel; c'est un WebKit-seulement propriétaire de la propriété. Selon le lien dans ma réponse, c'est Available in Safari 3.0 and later, de sorte qu'il a été autour pendant un certain temps.
    Super réponse, merci! Une idée de comment faire ce travail dans IE8? (La couleur est tout gris...)
    Il ne semble pas être un bon, voir: stackoverflow.com/questions/1411044/... - vous réglez l'entrée de readonly au lieu de cela, mais cela a d'autres conséquences (comme avec readonly, le input sera envoyée au serveur sur soumettre, mais avec disabled, il ne sera pas): jsfiddle.net/wCFBw/40

    OriginalL'auteur thirtydot