: diaktifkan - Trik CSS

Anonim

The :enabledpseudo-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, :enabledharus 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

  • Itu adalah anak-anak dari , 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