Bagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan Kotak Terpilih?

Tukar Pilihan Kotak Pilihan Warna Latar Belakang

Soalan:

Saya perlu menukar latar belakang warna pilihan kotak pilih apabila kotak diklik dan memaparkan semua pilihan. Bagaimanakah saya boleh mencapai ini?

Jawapan:

Berikut ialah kod yang perlu anda ubah suai:

select option {
  margin: 40px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

Dengan menggunakan sifat warna latar belakang kepada elemen pilihan dan bukannya elemen pilih, anda boleh menukar warna latar belakang pilihan apabila kotak itu diklik.

Menggayakan Elemen Pilihan Individu:

Untuk menggayakan setiap elemen pilihan secara berbeza, anda boleh menggunakan pemilih atribut CSS atau menetapkan atribut kelas yang berbeza untuk setiap .

select option[value="1"] {
  background: rgba(100, 100, 100, 0.3);
}

select option[value="2"] {
  background: rgba(150, 150, 150, 0.3);
}

select option[value="3"] {
  background: rgba(200, 200, 200, 0.3);
}

select option[value="4"] {
  background: rgba(250, 250, 250, 0.3);
}

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan Kotak Terpilih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!