:checkedPsevdo-razred v CSS izbere elemente, ko so v izbrani državi. Povezan je samo z vhodnimi ( ) elementi vrste radio in potrditveno polje. :checkedSelektor pseudo-class ujema radijskih in potrditveno polje vrst vhodnih ko preveri, ali preklopiti na stanje on. Če niso izbrani ali označeni, ni ujemanja.
Torej, ko je potrditveno polje označeno in takoj po njem ciljate na oznako:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Besedilo nalepke bo iz sive ležeče pisave prešlo v rdečo običajno pisavo.
CSS is Awesome CSS je super
Zgoraj je primer uporabe :checkedpsevdorazreda za bolj dostopnost obrazcev. :checkedPsevdo-razred se lahko uporablja s skritimi vhodi in njihovih vidnih oznak za gradnjo interaktivnih pripomočkov, kot so slike galerije.
Več virov
- Hack potrditvenega polja
- Dokumenti MDN vklopljeni: označeno
- Specifikacija W3C o: preverjena
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Kaj | 3.1+ | Kaj | 9+ | 9+ | kaj | kaj |