:checked
Pseudo-class CSS vyberie prvky, keď sú vo vybranom stave. Je priradený iba k vstupným ( ) prvkom typu rádio a začiarkavacie políčko.
:checked
Volič 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 :checked
pseudotriedy na sprístupnenie formulárov. :checked
Pseudo-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 |