Epämääräinen pseudoluokka
Pseudoluokka indeterminate asettaa tyylin
kytkimille, jotka ovat epämääräisessä tilassa,
eli eivät ole valittu rastiruudussa.
Syntaksi
valitsija:indeterminate {
}
Esimerkki
Muutetaan tekstin fontin väri vihreäksi, kun kytkin on epämääräisessä tilassa:
<form>
<p>
<input type="checkbox">
<span>Teksti</span>
</p>
</form>
input:indeterminate, input:indeterminate + span {
color: green;
}
input, span {
color: black;
}
document.getElementsByTagName('input')[0].indeterminate = true;
:
Katso myös
-
pseudoluokka
:default,
joka asettaa tyylin oletuselementeille -
pseudoluokka
:optional,
joka asettaa tyylin syöttökentälle, jolla ei ole required-attribuuttia -
pseudoluokka
:placeholder-shown,
joka asettaa tyylin elementeille, kun vihjeteksti näytetään -
pseudoluokka
:read-only,
joka asettaa tyylin muuttamattomille syöttökentille -
pseudoluokka
:required,
joka asettaa tyylin syöttökentälle, jolla on asetettu required-attribuutti -
pseudoluokka
:focus-within,
joka asettaa tyylin tarkennetuille elementeille -
ominaisuus
caret-color,
joka asettaa värin tekstikursorille syöttökentässä