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

cssselettore:required {}

Esempio

Assegniamo uno sfondo azzurro a un campo input obbligatorio:

html<form>
  <p>
    <label>Inserisci un numero</label>
    <input type="number" required>
  </p>
  <p>
    <label>Inserisci del testo</label>
    <input type="text">
  </p>
</form>
cssinput: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