Bagaimanakah saya boleh menggayakan label butang radio yang disemak menggunakan CSS?

Menggayakan Label Butang Radio yang Disemak dengan CSS

Tugas menggunakan gaya CSS pada label yang dikaitkan dengan butang radio yang disemak boleh dicapai menggunakan Pemilih CSS 'input[type="radio"]:ditanda label`.

Penjelasan:

Simbol ` dalam pemilih ini mewakili **Penggabung Adik Beradik Bersebelahan**. Ia memastikan bahawa label muncul serta-merta selepas input butang radio yang diperiksa. Dengan menggabungkan pemilih ini dengan kelas pseudo :checked`, ia menyasarkan label yang mengikuti input butang radio yang disemak.

Sebagai contoh, pertimbangkan penanda berikut:

<input>

Menggunakan pemilih ` input[type="radio"]:label yang ditanda, anda boleh menggunakan gaya berikut:

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

Gaya ini akan jadikan label butang radio yang ditandakan menjadi tebal, sambil membiarkan label butang radio yang tidak ditanda tidak berubah.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggayakan label butang radio yang disemak menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!