Définition de la CSS :disabled.
La pseudo-classe CSS :disabled permet de cibler tous les éléments d'interface utilisateur HTML désactivés pour leur assigner des propriétés CSS.
:disabled ::disabled{
/* Propriétés */
}
identifiant:disabled{
/* Propriétés */
}La valeur de display ou visibility n'a pas d'impact sur les éléments désactivés.
Conditions d'application de la CSS :disabled.
La pseudo-classes feuille de style :disabled CSS s'applique sur les éléments d'interface utilisateur. On peut dire que tous les éléments acceptant l'attribut disabled en font partie.
Problème d'interprétation de :disabled en Css.
La pseudo-classes de feuille de style :disabled CSS peut poser des problèmes car certains navigateurs considèrent que entre autre que la balise A ou legend peuvent être pris par le sélecteur.
La valeur de display ou visibility peut avoir un d'impact sur les éléments désactivés (Safari 5 par exemple).
Règles de syntaxes CSS pour :disabled.
Attention à l'écriture du sélécteur Css :disabled
La pseudo-classe CSS :disabled s'applique sur différents types d'élément HTML ou XHTML. Vous pouvez donc si nécessaire mettre un sélecteur devant pour un ciblage plus précis, sinon les propriétés seront appliquées à l'ensemble des éléments HTML ou XHTML acceptant :disabled.
Dans le cas ci-dessous l'identifiant est collé à ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML qui ont "identifiant".
.identifiant:disabled{ /* Propriétés css */ }
#identifiant:disabled{ /* Propriétés css */ }Dans le cas ci-dessous l'identifiant est espacé de ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML dont le parent direct ou indirect est "identifiant"..identifiant :disabled{ /* Propriétés css */ }
#identifiant :disabled{ /* Propriétés css */ }
Info complémentaire sur le sélécteur Css :disabled
Attention, la pseudo-classe CSS ":disabled" a une écriture un peu spéciale, "disabled" est toujours précédée de ":".
La pseudo-classe CSS :disabled ne peut pas être déclarée dans une balise HTML ou XHTML avec l'attribut HTML ou XHTML "STYLE" ou dans une feuille de style externe.
Elle se déclare dans une balise HTML ou XHTML "STYLE" de votre page :
<STYLE>
input:disabled{}
</STYLE>Compatibilités navigateurs du sélecteur :disabled
- Détails des versions de la CSS :disabled
- Sélecteur
:disabledcss n'est pas compatible W3C - Sélecteur
:disabledest compatible avec CSS3 et plus.
Votre avis sur la définition :disabled en CSS
Votez pour la définition CSS :disabled
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4 / 5 - 2
votes
Cliquez sur une étoile pour voter.