Bolehkah Butang Radio Gaya CSS Kelihatan Seperti Kotak Pilihan untuk Mencetak?

Menggayakan Butang Radio Seperti Kotak Pilihan untuk Mencetak

Bolehkah butang radio digayakan menyerupai kotak pilihan untuk tujuan cetakan, tanpa menggunakan JavaScript yang lebih kompleks- penyelesaian berasaskan? Jawapannya terletak pada penggunaan sifat penampilan CSS3.

Tiga tahun selepas penyiaran awal soalan ini, pencapaian ini kini boleh didapati dalam penyemak imbas moden. Dengan memanfaatkan sifat penampilan, anda boleh mencipta elemen radio yang meniru kotak semak secara visual, seperti yang dilihat dalam contoh di bawah:

input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>

Penyelesaian ini menawarkan pendekatan yang mudah tetapi berkesan untuk memastikan butang radio dipaparkan sebagai kotak semak apabila dicetak, mengekalkan ilusi borang rasmi sambil memudahkan pembangunan.

Atas ialah kandungan terperinci Bolehkah Butang Radio Gaya CSS Kelihatan Seperti Kotak Pilihan untuk Mencetak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!