: kurang upaya - Trik CSS

Anonim

The :disabledpemilih pseudo-kelas menyediakan penggayaan bersyarat kepada unsur-unsur HTML yang boleh menerima input pengguna, apabila unsur-unsur mempunyai disabledatribut. 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 disabledsifat termasuk , , , , dan . Terdapat dua sintaks yang sah untuk menetapkan atribut ini: baik disabled="disabled"atau (dalam HTML5) hanya disabledkata kunci Boolean. Elemen dilumpuhkan jika tidak dapat diaktifkan (misalnya dipilih, diklik atau diterima input teks) atau menerima fokus.

Elemen seperti itu dapat digayakan menggunakan :disabledpemilih kelas pseudo:

Lihat Pen ini!

Tempat Menarik

  • :disableddapat "dirantai" dengan pemilih pseudo lain: suka :beforeatau :afteruntuk 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 disabledatribut ditambahkan atau dikeluarkan dari elemen HTML.

Sokongan Penyemak Imbas

Chrome Safari Firefox Opera IE Android iOS
Semua 3.1 Semua 9 9 Semua Semua