The :disabledpemilih pseudo-class menyediakan styling bersyarat untuk elemen HTML yang dapat menerima input pengguna, ketika unsur-unsur memiliki disabledatribut. Ini didefinisikan dalam spesifikasi CSS Selectors Level 3 sebagai "pseudo-class status elemen UI", artinya digunakan untuk mengatur gaya konten berdasarkan interaksi pengguna dengan elemen input.
Elemen yang dapat menerima disabledatribut termasuk , , , , dan . Ada dua sintaks yang valid untuk menyetel atribut ini: baik disabled="disabled"atau (dalam HTML5) hanya disabledkata kunci Boolean. Sebuah elemen dinonaktifkan jika tidak dapat diaktifkan (misalnya dipilih, diklik atau menerima input teks) atau menerima fokus.
Elemen seperti itu dapat diberi gaya menggunakan :disabledpemilih kelas-semu:
Tempat Menarik
:disableddapat "dirantai" dengan selektor-semu lainnya: suka:beforeatau:afteruntuk menghasilkan ikon atau teks untuk memberikan lebih banyak umpan balik pengguna.- Properti apa pun yang dapat dianimasikan dengan Transisi atau Animasi CSS akan dianimasikan dengan benar saat
disabledatribut ditambahkan atau dihapus dari elemen HTML.
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Semua | 3.1 | Semua | 9 | 9 | Semua | Semua |