:checkedPseudo-klassi CSS valib elemente, kui nad on valitud riik. See on seotud ainult raadiotüübi ja märkeruudu sisend ( ) elementidega. :checkedPseudo-klassi valijat vastab raadio- ja ruut sisend liiki kui kontrollitakse või lülitada kaasa riigi. Kui neid pole valitud või kontrollitud, pole vastet.
Nii et kui märkeruut on märgitud ja sihtite silti kohe pärast seda:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Sildi tekst muutub hallist kursiivist tavaliseks punaseks.
CSS is Awesome CSS on vinge
Ülaltoodu on näide :checkedpseudoklassi kasutamisest vormide kättesaadavamaks muutmiseks. :checkedPseudo-klassi saab kasutada peidetud sisendite ja nende nähtavad sildid ehitada interaktiivne vidinad, nagu pildigaleriid.
Rohkem ressursse
- Märkeruut häkkib
- MDN-i dokumendid on sisse lülitatud
- W3C spetsifikatsioon: kontrollitud
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ükskõik | 3.1+ | Ükskõik | 9+ | 9+ | mis tahes | mis tahes |