Sélecteur :DISABLED
Rôle
Le sélecteur disabled est une pseudo-classe désigné par la syntaxe :disabled qui permet de cibler chaque élément de formulaire qui est désactivé (plus interactif).
Note: pour désactiver un élément de formulaire il faut lui appliquer l’attribut HTML disabled. Son comportement est modifié, il n’est plus interactif (cliquable, sélectionnable, éditable..).
<!-- désactiviation du bouton -->
<input type="button" value="ok" disabled="disabled">
Dans l’exemple ci-dessous, le bouton désactivé apparaît avec un contour rouge.
:disabled{
border: red solid 2px;
}
<input type="button" value="bt1">
<input type="button" value="bt2">
<input type="button" value="bt3" disabled="disabled">
Testez vous-même ce sélecteur
Remarquez que le bouton avec la bordure rouge n’est plus cliquable
Version : CSS3
Compatibilité
Le sélecteur disabled est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 9.
A voir aussi
:enabled
:checked
:valid
:required
:read-only
:read-write
:optional
:out-of-range
:in-range
:focus
