77 votes

Sélecteur CSS pour l'entrée désactivée type="submit"

Existe-t-il un sélecteur CSS pour les personnes handicapées ? input type="submit" o "button" ?

Devrais-je simplement utiliser input[type="submit"][disabled] ?

Cela fonctionne-t-il dans IE6 ?

4 votes

:disabled peut-être mieux, en CSS3. Cependant, IE ne prend en charge ni l'un ni l'autre, et vous aurez donc besoin d'une classe de secours.

0 votes

Merci, c'est un bon point, mais j'ai l'intention de rester à l'écart de CSS3 pour le moment.

14 votes

Les développeurs doivent vraiment arrêter d'essayer de supporter IE6. Et les propriétaires / gestionnaires de sites doivent vraiment arrêter de demander aux développeurs de le prendre en charge. Allez, tout le monde - IE9 sort maintenant !

117voto

jensgram Points 18047

Cela fonctionne-t-il dans IE6 ?

No, IE6 ne prend pas en charge les sélecteurs d'attributs du tout, cf. Compatibilité CSS et Internet Explorer .

Vous pourriez trouver Comment contourner le problème : IE6 ne prend pas en charge les sélecteurs CSS "attributs". Cela vaut la peine de le lire.


EDITAR
Si vous devez ignorer IE6, vous pourriez le faire (CSS2.1) :

input[type=submit][disabled=disabled],
button[disabled=disabled] {
    ...
}

CSS3 (IE9+) :

input[type=submit]:disabled,
button:disabled {
    ...
}

Vous puede substitut [disabled=disabled] (valeur de l'attribut) avec [disabled] (présence d'attributs).

0 votes

Ok, merci. Mais si je devais ignorer IE6, comment cela serait-il possible ? L'entrée [type="bouton"[désactivé] serait-elle standard ?

0 votes

Merci encore pour le premier lien, Compatibilité CSS et Internet Explorer - EXCELLENT ARTICLE, marque-page instantané.

1 votes

@SuperUberDuper L'approche fondée sur les attributs fonctionnera dans IE8 (qui n'est ni IE6 ni IE9+). IE7 et IE8 supportent tous deux algunos Les sélecteurs CSS2.1 et CSS3, la valeur / présence de l'attribut étant l'un d'entre eux.

2voto

Tim Points 2517

Comme l'a dit jensgram, IE6 ne prend pas en charge le sélecteur d'attributs. Vous pourriez ajouter un class="disabled" pour sélectionner les entrées désactivées afin que cela puisse fonctionner dans IE6.

0voto

Meloman Points 1546

J'ai utilisé la solution de @jensgram pour cacher un div qui contient une entrée désactivée. Je cache donc le parent entier de l'entrée.

Voici le code :

div:has(>input[disabled=disabled]) {
    display: none;
}

Peut-être que ça pourrait aider certains d'entre vous.

0voto

gil.fernandes Points 5581

C'est en 2021. Voici le sélecteur css, qui a fonctionné pour moi sur Chrome et Edge (IE semble ne plus être supporté) : https://blogs.Windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-Windows-10-is-in-microsoft-edge/ ) :

input[type=submit]:disabled {
    background-color: #4a4a4a;
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X