Mengapa `warna latar belakang' Tidak Berfungsi pada Kotak Pilihan dalam Div Boleh Tatal dan Bagaimana Saya Boleh Membetulkannya?

Kotak Semak Atribut Warna Latar Belakang Teka-teki dalam CSS

Isu timbul apabila menggunakan atribut 'warna latar belakang' pada kotak pilihan dalam '< boleh tatal ;div>'. Walaupun mempunyai atribut 'margin-top' tertentu yang berfungsi secara normal, atribut 'background-color' tetap tidak berkesan.

Keingintahuan berpunca daripada bagaimana satu atribut boleh berfungsi manakala yang lain gagal, terutamanya apabila '' tidak mentakrifkan sebarang atribut warna latar belakang yang bercanggah.

Punca dan Penyelesaian

Punca masalah terletak pada sifat kotak pilihan. Kotak semak, secara lalai, tidak mempunyai keupayaan yang wujud untuk memaparkan warna latar belakang. Untuk mencapai kesan warna yang diingini, seseorang boleh membalut setiap kotak semak dengan '

' yang membawa warna yang dimaksudkan.

Struktur HTML yang disemak:

<div class="evenRow">
  <input type="checkbox">
</div>
<div class="oddRow">
  <input type="checkbox">
</div>
<div class="evenRow">
  <input type="checkbox">
</div>
<div class="oddRow">
  <input type="checkbox">
</div>

Dengan merangkum setiap kotak pilihan dalam '

' berwarna, ia menjadi mungkin untuk memohon warna latar belakang kepada mereka secara tidak langsung. Teknik ini secara berkesan meniru kefungsian atribut 'warna latar belakang' untuk kotak pilihan.

Atas ialah kandungan terperinci Mengapa `warna latar belakang' Tidak Berfungsi pada Kotak Pilihan dalam Div Boleh Tatal dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!