Définition de la CSS :enabled.
La pseudo-classe CSS :enabled permet de cibler tous les éléments d'interface utilisateur HTML activés pour leur assigner des propriétés CSS.
La valeur de display ou visibility n'a pas d'impact sur les éléments activés.
:enabled ::enabled{
/* Propriétés CSS assignées à tous les éléments activés */
}
.identifiant:enabled{
/* Propriétés CSS assignées à tous les éléments activés ayant la classe identifiant*/
}Conditions d'application de la CSS :enabled.
La pseudo-classes feuille de style :enabled 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 :enabled en Css.
La pseudo-classes de feuille de style :enabled CSS peut poser des problèmes car certains navigateurs considèrent que entre autre que la balise a, 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 :enabled.
Info complémentaire sur le sélécteur Css :enabled
Attention, la pseudo-classe CSS ":enabled" a une écriture un peu spéciale, "enabled" est toujours précédée de ":".
La pseudo-classe CSS :enabled 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:enabled{}
</STYLE>Compatibilités navigateurs du sélecteur :enabled
- Détails des versions de la CSS :enabled
- Sélecteur
:enabledcss n'est pas compatible W3C - Sélecteur
:enabledest compatible avec CSS3 et plus.
Exemples et astuces CSS pour utiliser :enabled
Attention à l'écriture du sélécteur Css :enabled
La pseudo-classe CSS :enabled s'applique sur différents types d'éléments 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 :enabled.
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:enabled{ /* Propriétés css */ }
#identifiant:enabled{ /* 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 :enabled{ /* Propriétés css */ }
#identifiant :enabled{ /* Propriétés css */ }
Votre avis sur la définition :enabled en CSS
Votez pour la définition CSS :enabled
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 5 / 5 - 1
vote
Cliquez sur une étoile pour voter.