English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il pseudo-classe in-range CSS rappresenta un elemento input il cui valore corrente si trova all'interno dell'intervallo definito dai valori min e max. Attenzione: questo pseudo-classe è applicabile solo agli elementi che hanno (o possono accettare) una configurazione di intervallo di valori. Senza questa configurazione, il valore dell'elemento non ha senso in termini di "in-range" e "out-of-range".
Manuale di riferimento completo per i selettori CSS
Imposta lo stile specificato quando il valore inserito si trova all'interno dell'intervallo specificato:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lezioni di base (oldtoolbag.com)</title>
<style>
input:in-range
{
border:2px solid orange;
}
</style>
</head>
<body>
<h3>Esempio di selettore :in-range.</h3>
<input type="number" min="8" max="18" value="9" />
<p>Inserisci un valore nell'input (minore di 8 o maggiore di 18), e osserva le modifiche allo stile.</p>
</body>
</html>Prova a vedere ‹/›Il selettore :in-range viene utilizzato per definire lo stile visualizzato quando il valore del tag si trova all'interno di un intervallo specificato.
Attenzione: Il selettore :in-range agisce sugli elementi che possono specificare un intervallo di valori, ad esempio gli elementi input con le proprietà min e max.
I numeri nella tabella rappresentano la versione del primo browser che supporta questa proprietà.
| Selettore | |||||
|---|---|---|---|---|---|
| :in-range | 10.0 | Non supportato | 28.0 | 5.2 | 11.0 |
/* Il pseudo-classe può selezionare qualsiasi <input>, ma è efficace solo se l'elemento ha specificato un intervallo di valori e il valore dell'elemento si trova all'interno di tale intervallo */
input:in-range {
background-color: rgba(0, 255, 0, 0.25);
}Questo pseudo-classe viene utilizzato per fornire un suggerimento visivo all'utente, indicando che il valore corrente dell'area di input si trova all'interno dell'intervallo permesso.
Selettore CSS :out-of-range