:checkedCSS seçer elemanları sözde sınıfı, seçilmiş durumda iken. Yalnızca radyo ve onay kutusu türündeki giriş ( ) öğeleriyle ilişkilidir . :checkedKontrol veya eyaletime konumuna getirildiğinde zaman sözde sınıfı seçici radyo ve onay kutusu girdi türlerini eşleşir. Seçilmezler veya kontrol edilmezlerse, eşleşme yoktur.
Dolayısıyla, bir onay kutusu işaretlendiğinde ve hemen ardından etiketi hedeflediğinizde:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Etiket metni gri italikten kırmızı normal yazı tipine dönecektir.
CSS is Awesome CSS Harika
Yukarıdakiler, :checkedformları daha erişilebilir hale getirmek için sözde sınıfın kullanımına bir örnektir . :checkedSözde sınıfı, resim galerileri gibi etkileşimli widget'lara oluşturmak için gizli giriş ve bunların görünür etiketlerle kullanılabilir.
Daha fazla kaynak
- Onay kutusu saldırısı
- MDN Docs açık: kontrol edildi
- W3C özellikleri: kontrol edildi
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Hiç | 3.1+ | Hiç | 9+ | 9+ | hiç | hiç |