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

csssélecteur:required {}

Exemple

Définissons un fond bleu pour le champ de saisie obligatoire :

html<form>
  <p>
    <label>Entrez un nombre</label>
    <input type="number" required>
  </p>
  <p>
    <label>Entrez du texte</label>
    <input type="text">
  </p>
</form>

cssinput: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