:checkedPseudo-klase u CSS odabire elemenata kada su u odabranoj državi. Povezana je samo s ulaznim ( ) elementima tipa radio i potvrdnim okvirom. :checkedSelektor pseudo-klase odgovara radio i potvrdnog vrste ulaznih kada provjeriti ili izmjenjivati se on stanju. Ako nisu odabrani ili označeni, nema podudaranja.
Dakle, kada je potvrđen potvrdni okvir i ciljate oznaku odmah nakon nje:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Tekst naljepnice pretvorit će se iz sivog kurziva u crveni normalni font.
CSS is Awesome CSS je sjajan
Gore navedeno je primjer korištenja :checkedpseudo-klase kako bi obrasci bili pristupačniji. :checkedPseudo-klase može se koristiti sa skrivenim ulazima i njihovim vidljivim oznakama za izgradnju interaktivne widgete poput galerije slika.
Više resursa
- Hack potvrdnog okvira
- Dokumenti MDN-a uključeni: označeno
- Specifikacije za W3C: provjereno
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Bilo koji | 3.1+ | Bilo koji | 9+ | 9+ | bilo koji | bilo koji |