Bagaimana untuk Menggayakan Label Butang Radio yang Disemak Menggunakan CSS?

Cara Menggayakan Label Butang Radio yang Disemak

Menggayakan label butang radio yang disemak menggunakan CSS boleh dicapai melalui penggunaan daripada penggabung adik beradik bersebelahan ( ).

Masalah:

Percubaan untuk menggayakan label butang radio yang diperiksa menggunakan pemilih "label:checked" mungkin tidak menghasilkan hasil yang diingini.

Penyelesaian:

Gajikan adik beradik yang bersebelahan ( ) dalam pemilih CSS untuk menyasarkan label yang serta-merta mengikuti input butang radio yang disemak.

input[type="radio"]:checked+label {
  font-weight: bold;
}

Contoh Penanda:

<input>

Peraturan CSS ini akan gunakan gaya yang ditentukan hanya pada label yang bersebelahan dengan input butang radio yang diperiksa. Ia serasi dengan mana-mana struktur HTML dengan label mengikut input, tanpa mengira kehadiran elemen tambahan.

Atas ialah kandungan terperinci Bagaimana untuk Menggayakan Label Butang Radio yang Disemak Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!