cari
Rumahhujung hadapan webtutorial cssBagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan Terpilih dalam HTML?
Mary-Kate Olsen
Mary-Kate Olsen
Dec 07, 2024 am 01:20 AM

How Can I Change the Background Color of a Selected <select> Pilihan dalam HTML? Pilihan dalam HTML? " />

Penggayaan CSS untuk HTML

Dalam HTML, elemen

Sifat CSS "selected-color" tidak wujud untuk menggayakan warna latar belakang pilihan

Penyelesaian Javascript

Pendekatan yang lebih sesuai melibatkan penggunaan gabungan HTML, CSS dan Javascript untuk mencapai hasil yang dikehendaki. Begini caranya:

<select></select>

Dalam kod HTML di atas, kami telah mencipta elemen dengan warna latar belakang merah yang telah ditetapkan.

select {
    color: black; /* Default color for options */
}

CSS ini menetapkan warna lalai semua dalam hitam.

var sel = document.getElementById('mySelect');
sel.addEventListener('click', function(el){
    var options = this.children;
    for(var i=0; i <p>Dalam kod Javascript ini, kami menambah pendengar acara pada elemen <pilih> unsur dan menetapkan warnanya kepada putih. Kemudian, ia menetapkan warna pilihan yang dipilih kepada merah.</pilih></p><p>Dengan menggabungkan HTML, CSS dan Javascript, anda boleh mengatasi warna latar belakang biru lalai bagi <select> pilihan dan sesuaikan mengikut keinginan anda.</select></p>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan