Pseudo-classe optional

La pseudo-classe optional définit le style d'une entrée qui n'a pas d'attribut required, c'est-à-dire que cette pseudo-classe s'applique aux entrées facultatives.

Syntaxe

csssélecteur:optional {

}

Exemple

Définissons un fond gris pour l'entrée facultative :

html<form>
  <p>
    <label>Enter number</label>
    <input type="number" required>
  </p>
  <p>
    <label>Enter text</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Voir aussi

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 interrupteurs dans un état indéterminé
la pseudo-classe :placeholder-shown,
qui définit le style des éléments lors de l'affichage du texte d'aide
la pseudo-classe :read-only,
qui définit le style des entrées non modifiables
la pseudo-classe :required,
qui définit le style d'une entrée qui a l'attribut required
la pseudo-classe :focus-within,
qui définit le style des éléments ayant le focus
la propriété caret-color,
qui définit la couleur du curseur texte dans une entrée