Rumah >hujung hadapan web >tutorial css >Mengapa Saya Tidak Boleh Menetapkan Warna Latar Belakang untuk Kotak Semak Di Dalam Div?

Mengapa Saya Tidak Boleh Menetapkan Warna Latar Belakang untuk Kotak Semak Di Dalam Div?

Patricia Arquette
Patricia Arquetteasal
2024-11-26 04:35:13743semak imbas

Why Can't I Set a Background Color for Checkboxes Inside a Div?

Isu Atribut "warna latar belakang" CSS pada Kotak Semak Di Dalam Div

Ketidakupayaan untuk menggunakan warna latar belakang pada kotak pilihan semasa atribut lain berfungsi dalam

boleh menjadi isu yang membingungkan. Untuk menangani perkara ini, adalah penting untuk memahami bahawa kotak pilihan sememangnya tidak mempunyai warna latar belakang.

Penyelesaian:

Untuk menambah warna latar belakang pada kotak pilihan, gunakan pendekatan berikut:

  1. Balut setiap kotak pilihan dengan
    elemen.
<div class="evenRow">
  <input type="checkbox" />
</div>
<div class="oddRow">
  <input type="checkbox" />
</div>
  1. Gunakan warna latar belakang yang diingini pada induk
    elemen.
.evenRow {
  background-color: #9FFF9D;
}

.oddRow {
  background-color: #ffffff;
}

Dengan melakukan ini, anda menggunakan warna latar belakang dengan berkesan pada kawasan sekitar kotak pilihan, memberikan kesan visual yang diingini.

Atas ialah kandungan terperinci Mengapa Saya Tidak Boleh Menetapkan Warna Latar Belakang untuk Kotak Semak Di Dalam Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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