CSS : selettore nell'intervallo
Esempio
Seleziona e applica lo stile solo se il valore dell'elemento <input> è "in range":
input:in-range
{
border: 2px solid yellow;
}
Definizione e utilizzo
Il :in-range
selettore seleziona tutti gli elementi con un valore che rientra in un intervallo specificato.
Nota: il selettore :in-range funziona solo per elementi di input con attributi min e/o max!
Suggerimento: utilizzare il selettore :out-of-range per selezionare tutti gli elementi con un valore che non rientra in un intervallo specificato.
Versione: | CSS3 |
---|
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il selettore.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*In Edge, anche la proprietà :in-range seleziona in modo errato gli elementi di input senza attributi min/max.
Sintassi CSS
:in-range {
css declarations;
}
Pagine correlate
Selettore CSS : fuori gamma