Bagaimanakah Saya Boleh Menggayakan Butang Radio HTML sebagai Kotak Semak untuk Borang Kerajaan Boleh Cetak?

Menggayakan Butang Radio HTML untuk Menyerupai Kotak Semak untuk Borang Agensi Kerajaan

Untuk mencipta borang agensi kerajaan yang hampir menyerupai yang asal, ia adalah perlu untuk menggayakan butang radio pada versi elektronik untuk menyerupai kotak pilihan untuk tujuan percetakan. Walaupun pendekatan tradisional akan melibatkan mencipta kotak pilihan yang berasingan untuk membayangi setiap butang radio dan menyegerakkan kefungsiannya, kaedah yang lebih cekap wujud.

Menggunakan sifat penampilan CSS3 moden, adalah mungkin untuk mengubah rupa butang radio untuk meniru kotak semak. Kaedah ini disokong dalam pelayar popular seperti Firefox, Chrome, Safari dan Opera. Dengan menetapkan sifat -webkit-appearance dan -moz-appearance kepada "kotak pilihan", penyemak imbas ini akan memaparkan butang radio dengan gaya kotak semak segi empat sama.

Berikut ialah contoh coretan kod:

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 secara berkesan mengubah butang radio menjadi elemen seperti kotak semak, meningkatkan ketepatan visual borang yang dicetak dan mengekalkan kemudahan penggunaan dengan butang radio pada skrin.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Butang Radio HTML sebagai Kotak Semak untuk Borang Kerajaan Boleh Cetak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!