Bagaimana untuk Menggayakan Label Butang Radio yang Disemak dengan CSS?

Pemilih CSS untuk Pelabelan Butang Radio Disemak

Timbul persoalan: adakah mungkin untuk menggayakan label yang dikaitkan dengan butang radio yang disemak menggunakan CSS ? Walaupun jangkaan, pemilih "label:checked" gagal menghasilkan hasil yang diingini.

Penyelesaian yang berdaya maju terletak pada menggunakan penggabung adik beradik bersebelahan " ". Penggabung ini memautkan dua jujukan pemilih yang berkongsi induk yang sama, dengan pemilih kedua serta-merta mengikuti yang pertama.

Sebagai contoh, pemilih "input[type="radio"]:checked label" menyasarkan label yang secara langsung ikuti input radio yang disemak, tanpa mengira tempatnya dalam HTML struktur.

Contoh:

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

HTML:

<input>

Pendekatan ini secara berkesan menguatkan label butang radio yang diperiksa sambil membiarkan label butang yang tidak ditanda tidak terjejas.

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