:checkedPseudo-class CSS vyberie prvky, keď sú vo vybranom stave. Je priradený iba k vstupným ( ) prvkom typu rádio a začiarkavacie políčko. :checkedVolič pseudo-class zápasov rozhlasové a zaškrtnutie políčka typov vstupov pri kontrole alebo sa prepne do zapnutého stavu. Ak nie sú vybrané alebo začiarknuté, nedôjde k zhode.
Keď je teda začiarknuté políčko a štítok zacielite bezprostredne za ním:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Text štítku sa zmení zo sivej kurzívy na červené normálne písmo.
CSS is Awesome CSS je úžasné
Vyššie uvedené je príkladom použitia :checkedpseudotriedy na sprístupnenie formulárov. :checkedPseudo-class môže byť použitý s skryté vstupmi a ich viditeľné štítky vybudovať interaktívne widgety, napríklad obrazových galérií.
Ďalšie zdroje
- Začiarkavacie políčko hack
- Dokumenty MDN zapnuté: začiarknuté
- Špecifikácia W3C: začiarknuté
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| akýkoľvek | 3,1+ | akýkoľvek | 9+ | 9+ | akýkoľvek | akýkoľvek |