web-dev-qa-db-fra.com

Sélecteur CSS pour input désactivé type = "submit"

Existe-t-il un sélecteur CSS pour input type="submit" ou "button" désactivé?

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

Est-ce que ça marche dans IE6?

csscss-selectorssubmit-button
67
Francisc

Est-ce que ça marche dans IE6?

Non, IE6 ne supporte pas du tout les sélecteurs d'attribut, cf. Compatibilité CSS et Internet Explorer.

Vous pourriez trouver Comment résoudre ce problème: IE6 ne prend pas en charge les sélecteurs CSS «d'attribut» vaut la peine d'être lu.

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

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

CSS3 (IE9 +):

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

Vous pouvez substituez [disabled=disabled] (valeur d'attribut) avec [disabled] (présence d'attribut).

103
jensgram

Comme le dit jensgram, IE6 ne supporte pas le sélecteur d'attribut. Vous pouvez ajouter un class = "disabled" pour sélectionner les entrées désactivées afin que cela puisse fonctionner dans IE6.

2
Tim

J'ai utilisé la solution @jensgram pour masquer une div contenant une entrée désactivée. Donc, je cache le parent entier de l'entrée. 

Voici le code:

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

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

0
Meloman