Pseudo-classe required
La pseudo-classe required définit le style
d'un input qui possède l'attribut required,
c'est-à-dire que cette pseudo-classe s'applique aux
champs de saisie obligatoires.
Syntaxe
sélecteur:required {}
Exemple
Définissons un fond bleu pour le champ de saisie obligatoire :
<form>
<p>
<label>Entrez un nombre</label>
<input type="number" required>
</p>
<p>
<label>Entrez du texte</label>
<input type="text">
</p>
</form>
input:required {
background-color: #C2DDFD;
}
:
Voir aussi
-
la pseudo-classe
:optional,
qui définit le style d'un input qui n'a pas l'attribut required -
la pseudo-classe
:default,
qui définit le style des éléments par défaut -
la pseudo-classe
:indeterminate,
qui définit le style des boutons radio ou cases à cocher qui sont dans un état indéterminé -
la pseudo-classe
:read-only,
qui définit le style des inputs non modifiables -
la pseudo-classe
:read-write,
qui définit le style des inputs modifiables