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

sélecteur:optional {

}

Exemple

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

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

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