Rumah >hujung hadapan web >tutorial css >Mengapa `warna latar belakang' Tidak Berfungsi pada Kotak Pilihan dalam Div Boleh Tatal dan Bagaimana Saya Boleh Membetulkannya?

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

Barbara Streisandasal: 2024-12-09 10:35:08577semak imbas

Why Doesn't `background-color` Work on Checkboxes in a Scrollable Div, and How Can I Fix It?

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 '< div>' 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!

html define for while checkbox using Attribute function default this display margin background issue Other

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimanakah saya boleh menggunakan huruf besar hanya pada huruf pertama teks menggunakan CSS?Artikel seterusnya：Bagaimanakah saya boleh menggunakan huruf besar hanya pada huruf pertama teks menggunakan CSS?

Artikel berkaitan

Lihat lagi