Comment modifier la police la couleur d'entrée pour les handicapés?

Question

J'ai besoin de changer de style, pour une entrée bloquée élément en CSS.

<input type="text" class="details-dialog" disabled="disabled" />

Comment je peux faire cela pour Internet Explorer?

Answer 1

Vous pouvez:

input[type="text"][disabled] {
   color: red;
}

Answer 2

Vous ne pouvez pas pour Internet Explorer.

Voir ce commentaire que j'ai écrit sur un sujet connexe:

Il ne semble pas être une bonne façon, voir: Comment changer la couleur de désactivé les contrôles html dans IE8 à l'aide de css - vous pouvez régler l'entrée d' readonly au lieu de cela, mais qui a d'autres les conséquences (comme avec readonly, l' input sera envoyé au serveur sur soumettre, mais avec disabled, il ne sera pas être): http://jsfiddle.net/wCFBw/40

Voir aussi: Changer la couleur de police dans les zones de texte dans IE qui sont désactivés

Answer 3

La suite, vous reçoit assez proche dans IE8 et fonctionne dans d'autres navigateurs aussi.

Dans votre code html:

<input type="text" 
       readonly="readonly"    <!-- disallow editting -->
       onfocus="this.blur();" <!-- prevent focus -->
       tabindex="-1"          <!-- disallow tabbing -->
       class="disabledInput"  <!-- change the color with CSS -->
       />

Dans votre CSS:

.disabledInput {
    color: black;
}

Dans IE8, il y a une légère quantité de frontière de changement de couleur sur le vol stationnaire. Un peu de CSS pour l'entrée.disabledInput:hover pourrait probablement prendre soin de cela.

Answer 4

Remplacer disabled avec readonly="readonly". Je pense que c'est la même fonction.

<input type="text" class="details-dialog" readonly="readonly" style="color: ur color;">

Answer 5

input[disabled], input[disabled]:hover { background-color:#444; }