Bolehkah saya Menggunakan :checked Pseudo-class untuk Menggayakan Elemen ``?

CSS :menyemak Fungsi Kelas Pseudo untuk Elemen

elemen dalam elemen menandakan pemilihan semasa pengguna daripada senarai pilihan. Untuk mempertingkatkan antara muka pengguna, adalah wajar untuk menggayakan pilihan yang dipilih pada masa ini secara berbeza daripada yang lain. Walau bagaimanapun, kelas pseudo :checked, biasanya digunakan untuk menggayakan dan elemen, tidak digunakan pada elemen.

Penyelesaian:

Teknik wujud untuk mencapai gelagat penggayaan yang serupa untuk elemen dengan memanfaatkan kelas pseudo :checked. Dalam spesifikasi HTML4, atribut yang dipilih telah digunakan untuk menunjukkan pilihan yang sedang dipilih. Dengan merujuk atribut ini, kami boleh menggunakan gaya yang sama pada elemen dengan atribut yang dipilih seperti yang kita lakukan untuk menyemak elemen.

option[selected] {
  color: red;
}

Nota: Menggayakan warna pilihan yang dipilih mungkin tidak disokong merentas semua penyemak imbas.

Contoh:

Untuk menyembunyikan pilihan yang sedang dipilih daripada senarai juntai bawah:

option:checked {
  display: none;
}

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

Atas ialah kandungan terperinci Bolehkah saya Menggunakan :checked Pseudo-class untuk Menggayakan Elemen ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!