The :checkedpseudo-kelas dalam elemen CSS menyeleksi ketika mereka berada di negara yang dipilih. Ini hanya terkait dengan elemen input ( ) dari radio tipe dan kotak centang. The :checkedpemilih pseudo-class cocok radio dan kotak centang jenis masukan ketika diperiksa atau toggle ke pada negara. Jika tidak dipilih atau dicentang, tidak ada kecocokan.
Jadi ketika kotak centang dicentang, dan Anda menargetkan label segera setelahnya:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Teks label akan berubah dari abu-abu miring menjadi font normal merah.
CSS is Awesome CSS itu Luar Biasa
Di atas adalah contoh penggunaan :checkedpseudo-class untuk membuat formulir lebih mudah diakses. Kelas :checkedsemu dapat digunakan dengan input tersembunyi dan labelnya yang terlihat untuk membuat widget interaktif, seperti galeri gambar.
Sumber Daya Lainnya
- Retas kotak centang
- MDN Docs pada: diperiksa
- Spesifikasi W3C pada: diperiksa
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Apa saja | 3.1+ | Apa saja | 9+ | 9+ | apa saja | apa saja |