Bagaimana Akhirnya Menukar Warna Kotak Semak dalam Firefox?

Menukar Warna Kotak Pilihan: Teka-teki Berterusan

Menggayakan warna latar belakang kotak pilihan sememangnya satu cabaran. Walaupun cuba menggayakan, pengguna Firefox 29 secara konsisten menghadapi warna kotak pilihan yang tidak berubah.

Pencarian untuk Penyelesaian

Pembangun telah meneroka pelbagai peraturan CSS, termasuk:

<code class="css">input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;
}</code>

Walau bagaimanapun, percubaan ini terbukti sia-sia.

Brave New World

Dengan pengenalan warna aksen sifat CSS, sokongan penyemak imbas akhirnya berkembang untuk penggayaan kotak pilihan . Kini, pembangun hanya boleh menetapkan warna yang diingini mereka:

<code class="css">#cb1 {
  accent-color: #9b59b6;
}

#cb2 {
  accent-color: #34495e;
}

#cb3 {
  accent-color: #e74c3c;
}

<input id="cb1" type="checkbox" checked>
<input id="cb2" type="checkbox" checked>
<input id="cb3" type="checkbox" checked></code>

Kejayaan ini membolehkan pembangun menyesuaikan warna kotak semak dengan mudah, membuka kunci tahap fleksibiliti reka bentuk baharu.

Atas ialah kandungan terperinci Bagaimana Akhirnya Menukar Warna Kotak Semak dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!