: diaktifkan - Trik CSS

Anonim

Kelas :enabledpseudo dalam CSS memilih elemen fokus yang tidak dilumpuhkan, dan oleh itu diaktifkan. Ia hanya berkaitan dengan unsur-unsur bentuk ( , , ). Elemen yang diaktifkan merangkumi elemen yang boleh anda pilih, di mana anda dapat memasukkan data, atau yang dapat anda fokuskan atau klik.

Oleh itu, apabila kotak centang dicentang, dan anda menyasarkan label sebaik sahaja:

input:enabled + label ( color: #333; font-style: italic; )

Teks label akan berwarna kelabu gelap dan miring jika kotak centang diaktifkan, yang bermaksud pengguna boleh menghidupkan dan mematikannya.

Secara teori, :enabledharus sesuai dengan , , atau dengan href atribut, tetapi penyemak imbas sepertinya tidak menangani senario itu. Anda boleh gaya , , , , dan s yang tidak kurang upaya. Apabila disokong, kita juga harus dapat menargetkan dan

  • anak-anak , jika tidak cacat.

    Anda juga berpendapat bahawa elemen dengan contenteditable dan tabindex atribut dapat dipilih dengan kelas :enabled pseudo. Spesifikasi tidak menyatakan ini, dan penyemak imbas tidak menyokongnya.

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