Pseudoclasse required

La pseudoclasse required definisce lo stile per un input che possiede l'attributo required, cioè questa pseudoclasse si applica agli input obbligatori da compilare.

Sintassi

selettore:required {}

Esempio

Assegniamo uno sfondo azzurro a un campo input obbligatorio:

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

input:required {
	background-color: #C2DDFD;
}

Vedi anche

la pseudoclasse :optional,
che definisce lo stile per un input che non ha l'attributo required
la pseudoclasse :default,
che definisce lo stile per gli elementi predefiniti
la pseudoclasse :indeterminate,
che definisce lo stile per gli interruttori che si trovano in uno stato indeterminato
la pseudoclasse :read-only,
che definisce lo stile per gli input non modificabili
la pseudoclasse :read-write,
che definisce lo stile per gli input modificabili