Mengapa `sempadan` CSS Tidak Berfungsi pada Kotak Pilihan dalam Versi Firefox Lama dan Bagaimana Saya Boleh Membetulkannya?

Menukar Gaya Sempadan Kotak Semak dalam CSS: Satu Firefox Quirk

Menyesuaikan sempadan kotak pilihan dengan CSS boleh menjadi tugas yang mudah. Walau bagaimanapun, apabila bekerja dengan Firefox 3.5 dan ke bawah, anda mungkin menghadapi keanehan yang tidak dijangka. Walaupun menggunakan gaya sempadan menggunakan sifat "sempadan", tiada perubahan yang kelihatan kelihatan.

Penyelesaian: Menggunakan Harta "garis besar"

Untuk menyelesaikan isu ini, ia adalah disyorkan untuk menggunakan sifat "garis besar" dan bukannya "sempadan" apabila menyasarkan kotak pilihan (elemen input). Sifat "garis besar" menetapkan gaya garis besar yang mengelilingi elemen.

Contoh Kod:

Coretan kod berikut menunjukkan cara menukar gaya sempadan kotak pilihan menggunakan sifat "garis besar":

input[type="checkbox"] {
  outline: 1px solid #1e5180;
}

Dalam kod ini, kami menyasarkan kotak pilihan menggunakan "input[type="checkbox"]" pemilih. Sifat "garis besar" kemudian ditetapkan dengan gaya yang diingini (sempadan pepejal 1px, warna #1e5180).

Dengan menggunakan sifat "garis besar", anda boleh berjaya mengubah suai rupa sempadan kotak pilihan dalam Firefox 3.5 dan memastikan penggayaan yang konsisten merentas pelayar yang berbeza.

Atas ialah kandungan terperinci Mengapa `sempadan` CSS Tidak Berfungsi pada Kotak Pilihan dalam Versi Firefox Lama dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!