CSS :In-range Selector
Příklad
Vybírejte a upravujte pouze v případě, že hodnota prvku <input> je „v rozsahu“:
input:in-range
{
border: 2px solid yellow;
}
Definice a použití
Selektor :in-range
vybere všechny prvky s hodnotou, která je v určeném rozsahu.
Poznámka: Selektor :in-range funguje pouze pro vstupní prvky s atributy min a/nebo max!
Tip: Pomocí voliče :out-of-range vyberte všechny prvky s hodnotou, která je mimo zadaný rozsah.
Verze: | CSS3 |
---|
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje selektor.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*V Edge vlastnost :in-range také nesprávně vybírá vstupní prvky bez atributů min/max.
Syntaxe CSS
:in-range {
css declarations;
}
Související stránky
Selektor CSS : mimo rozsah