Pseudo-classe CSS :optional

Définition et utilisation

CSS :optional La pseudo-classe est utilisée pour sélectionner et définir le style des éléments de formulaire optionnels (seulement pour <input>、<select> et <textarea>)

Les éléments de formulaire sans l'attribut required sont définis comme optionnels.

Astuce :Utilisation :required Pseudo-classe pour sélectionner et définir le style des éléments de formulaire obligatoires.

Exemple

Sélectionnez et définissez le style de tout <input> sans l'attribut required. En même temps, définissez le style de tout <input> avec l'attribut required :

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

Essayez-le vous-même

Grammaire CSS

:optional {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe.

Pages associées

Référence :Pseudo-classe CSS :required