Pseidoklase in-range
Pseidoklase in-range nosaka stilu
elementiem, kuriem vērtības ir norādītas
noteiktā diapazonā. Vērtību diapazons
jānorāda ar atribūtiem min
un max.
Sintakse
selektors:in-range {
}
Piemērs
Uzstādīsim gaiši zilu fonu ievades laukam, kurā
ievada skaitļus, kas ietilpst diapazonā
no 1 līdz 5. Tāpat iestatīsim rozā fonu, kad
ievadītā vērtība neietilpst izvēlētajās
robežās:
<form>
<p>Ievadiet skaitli no 1 līdz 5</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
Skatiet arī
-
pseidoklase
:out-of-range,
kas nosaka stilu elementiem, kuru vērtības pārsniedz diapazonu -
pseidoklase
:valid,
kas nosaka stilu ievades laukam, kurā ievadīta pareizā vērtība -
pseidoklase
:invalid,
kas nosaka stilu ievades laukam, kurā ievadīta nepareizā vērtība
