The :enabled
pseudo-kelas dalam elemen focusable CSS menyeleksi yang tidak cacat, dan karena itu diaktifkan. Hal ini hanya terkait dengan elemen bentuk ( ,
,
). Elemen yang diaktifkan mencakup elemen yang dapat Anda pilih, yang dapat Anda masukkan datanya, atau yang dapat Anda fokuskan atau klik.
Jadi ketika kotak centang dicentang, dan Anda menargetkan label segera setelahnya:
input:enabled + label ( color: #333; font-style: italic; )
Teks label akan berwarna abu-abu tua dan miring jika kotak centang diaktifkan, yang berarti pengguna dapat mengaktifkan dan menonaktifkannya.
Secara teori, :enabled
harus cocok dengan ,
, atau dengan
href
atribut, tetapi browser tampaknya tidak menangani skenario itu. Anda dapat gaya ,
,
,
,
dan
s yang tidak cacat. Bila
didukung, kita juga harus bisa membidik
dan
, jika tidak cacat.
Anda juga akan berpikir bahwa elemen dengan contenteditable
dan tabindex
atribut akan dapat dipilih dengan :enabled
pseudo-class. Spesifikasi tidak menyatakan ini, dan browser juga tidak mendukungnya.
Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
---|---|---|---|---|---|---|
Semua | 3.1 | Semua | 9 | 9 | Semua | Semua |