Psewdoklass in-range
Psewdoklass in-range, bahalary
kesgitlenen aralykda berlen elementlere
stil belläp berýär. Bahalaryň aralygy
min we max atributlary
bilen kesgitlenmelidir.
Sintaksis
selektör:in-range {
}
Mysal
Geliň, 1-den 5-çenli aralykda ýerleşýän sanlary girizýän input üçin gök reňkli fon belläýäris. Şeýle hem, saýlanan çägiň daşynda ýerleşýän girizilen baha üçin gülgüne reňkli fon belleýäris:
<form>
<p>1-den 5-çenli san giriziň</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
Şeýle-de görüň
-
psewdoklass
:out-of-range,
bahalary aralygyň daşynda ýerleşýän elementlere stil belläp berýär -
psewdoklass
:valid,
dogry baha girizilen inputa stil belläp berýär -
psewdoklass
:invalid,
ýalňyş baha girizilen inputa stil belläp berýär
