Pseudoclasse optional

La pseudoclasse optional definisce lo stile per un input a cui non è stato assegnato l'attributo required, cioè questa pseudoclasse si applica agli input opzionali.

Sintassi

selettore:optional {

}

Esempio

Assegniamo a un input opzionale uno sfondo grigio:

<form>
	<p>
		<label>Inserisci un numero</label>
		<input type="number" required>
	</p>
	<p>
		<label>Inserisci del testo</label>
		<input type="text">
	</p>
</form>

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

Vedi anche

la pseudoclasse :default,
che definisce lo stile per gli elementi predefiniti
la pseudoclasse :indeterminate,
che definisce lo stile per gli interruttori in uno stato indeterminato
la pseudoclasse :placeholder-shown,
che definisce lo stile per gli elementi quando viene visualizzato il testo del segnaposto
la pseudoclasse :read-only,
che definisce lo stile per gli input non modificabili
la pseudoclasse :required,
che definisce lo stile per un input a cui è stato assegnato l'attributo required
la pseudoclasse :focus-within,
che definisce lo stile per gli elementi a fuoco
la proprietà caret-color,
che definisce il colore del cursore di testo in un input