The :disabled
pemilih pseudo-kelas menyediakan penggayaan bersyarat kepada unsur-unsur HTML yang boleh menerima input pengguna, apabila unsur-unsur mempunyai disabled
atribut. Ini didefinisikan dalam spesifikasi CSS Selectors Level 3 sebagai "kelas elemen elemen UI pseudo-class", yang bermaksud digunakan untuk menggayakan konten berdasarkan interaksi pengguna dengan elemen input.
Unsur-unsur yang boleh menerima disabled
sifat termasuk ,
,
,
,
dan
. Terdapat dua sintaks yang sah untuk menetapkan atribut ini: baik
disabled="disabled"
atau (dalam HTML5) hanya disabled
kata kunci Boolean. Elemen dilumpuhkan jika tidak dapat diaktifkan (misalnya dipilih, diklik atau diterima input teks) atau menerima fokus.
Elemen seperti itu dapat digayakan menggunakan :disabled
pemilih kelas pseudo:
Lihat Pen ini!
Tempat Menarik
:disabled
dapat "dirantai" dengan pemilih pseudo lain: suka:before
atau:after
untuk menghasilkan ikon atau teks untuk memberikan lebih banyak maklum balas pengguna.- Setiap harta yang dapat dianimasikan dengan Peralihan CSS atau Animasi akan dianimasikan dengan betul ketika
disabled
atribut ditambahkan atau dikeluarkan dari elemen HTML.
Sokongan Penyemak Imbas
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Semua | 3.1 | Semua | 9 | 9 | Semua | Semua |