Pseudo-classe :in-range CSS

Definizione e uso

CSS :in-range Il pseudo-classe è utilizzato per abbinare qualsiasi elemento con valore all'interno dell'intervallo.

Attenzione::in-range Il pseudo-classe è utilizzato per gli elementi <input> che hanno le proprietà min e/or max.

Suggerimento:Utilizzo :out-of-range Il pseudo-classe seleziona tutti gli elementi con valori al di fuori dell'intervallo specificato.

Esempio

Se il valore del campo è all'interno dell'intervallo, seleziona e imposta lo stile del campo di input:

input:in-range {
  border: 2px solid green;
  background-color: beige;
}

Prova personalmente

Sintassi CSS

:in-range {
  declarazioni css;
}

Dettagli tecnici

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta il pseudo-classe per la prima volta.

Pagine correlate

Riferimento:Pseudo-classe CSS :out-of-range