Pseudo-classe :required CSS

Définition et utilisation

CSS :requise Les pseudo-classes sont utilisées pour sélectionner et définir le style des éléments de formulaire obligatoires (seulement pour <input>,<select> et <textarea>)

Les éléments de formulaire avec l'attribut required sont définis comme obligatoires.

Astuce :Utilisation :optionnel Sélectionnez les éléments de formulaire optionnels avec des pseudo-classes.

Exemple

Choisissez et définissez le style de n'importe quel élément <input> ayant l'attribut required. En même temps, définissez le style de n'importe quel élément <input> sans l'attribut required :

input:optional {
  background-color: vert clair;
}
input:required {
  background-color: rose;
  border-color: rouge;
}

Essayez-le vous-même

Syntaxe CSS

:required {
  déclarations css;
}

Détails techniques

Version : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge ce pseudo-classe.

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Pages associées

Référence :pseudo-classe :optional CSS