CSS pour la zone de texte désactivée (empêche le "grisonnement" dans Firefox/Chrome)

Question

Est-il possible de définir CSS pour les zones de texte désactivées? Je ne veux pas l'extinction automatique dans Firefox/Chrome.

La raison est que je désactive parfois les zones de texte juste avant de soumettre un formulaire afin qu'elles ne soient pas transmises inutilement (et encombrent l'URL), et ce comportement dégradant dégrade l'expérience utilisateur en créant des scintillements.

Aide?

Answer 1

Vous devriez pouvoir styliser la zone de texte en définissant une classe avec la manière dont vous voulez qu'elle apparaisse, puis en ajoutant la classe lorsque vous désactivez l'entrée. Si vous n'êtes pas inquiet au sujet de la compatibilité IE6, essayez d'utiliser les sélecteurs d'attributs:

input[disabled="disabled"] { 
    /* your CSS style */ 
} 

Vous devriez être en mesure d'utiliser tous les styles que vous devriez utiliser sur tout autre élément.