:checkedNäennäisluokka CSS valitsee elementit, kun ne ovat valitun tilan. Se liittyy vain radio- ja valintaruutuihin. :checkedNäennäisluokkavalitsin vastaa radio- ja valintaruutu tulotyypin kun tarkistetaan tai toggled päälle-tilaan. Jos niitä ei ole valittu tai valittu, vastaavuuksia ei ole.
Joten kun valintaruutu on valittuna ja kohdistat tunnisteen heti sen jälkeen:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Tunnisteteksti muuttuu harmaasta kursiivista normaaliksi punaiseksi.
CSS is Awesome CSS on mahtava
Yllä oleva on esimerkki :checkedpseudoluokan käytöstä lomakkeiden helpommin saataville tekemiseksi. :checkedPseudo-luokka voidaan piilotettu tuloa ja niiden näkyviä etikettien rakentaa interaktiivisia widgettejä, kuten kuvagallerioita.
Lisää resursseja
- Valintaruutu hakata
- MDN-dokumentit päällä: valittu
- W3C-tiedot: tarkistettu
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Minkä tahansa | 3.1+ | Minkä tahansa | 9+ | 9+ | minkä tahansa | minkä tahansa |