Bolehkah Gaya CSS `` Elemen Seperti `:checked` Gaya Kotak semak?

Bolehkah CSS :selected Pseudo Class Style Dipilih Elemen seperti :Checked Class?

elemen dalam dropdown boleh digayakan menggunakan CSS :selected pseudo class. Ini membolehkan anda menyesuaikan penampilan pilihan yang dipilih pada masa ini, seperti menggunakan warna latar belakang.

Kelas pseudo :selected berfungsi sama seperti kelas pseudo :checked untuk elemen input, yang digunakan pada kotak semak dan input radio apabila mereka diperiksa. Dalam kes elemen, :selected digunakan pada pilihan yang sedang dipaparkan dalam menu lungsur tertutup.

Untuk menggayakan pilihan yang dipilih, anda boleh menggunakan kod berikut:

option:selected {
  background-color: red;
}

Perhatikan, walau bagaimanapun, bahawa penggayaan warna mungkin tidak disokong dalam semua penyemak imbas.

Selain itu, kes penggunaan unik fungsi ini menyembunyikan item yang dipilih daripada menu lungsur senarai:

option:checked {
  display: none;
}

Kod ini menyembunyikan pilihan yang dipilih daripada menu lungsur, meninggalkan hanya teks pemegang tempat kelihatan.

Atas ialah kandungan terperinci Bolehkah Gaya CSS `` Elemen Seperti `:checked` Gaya Kotak semak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!