Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan Terpilih dalam Elemen `` HTML?
Bagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan Terpilih dalam Elemen `` HTML?
- Linda Hamiltonasal
- 2024-12-01 07:29:13600semak imbas
Menyesuaikan Warna Latar Belakang Pilihan Yang Dipilih dalam HTML Select
Dalam HTML,
Dalam contoh yang diberikan,
Penyelesaian JavaScript
CSS tulen sahaja mungkin tidak mencukupi untuk menangani isu ini. Walau bagaimanapun, penyelesaian JavaScript yang mudah boleh menyelesaikannya dengan elegan.
var sel = document.getElementById('select_id');
sel.addEventListener('click', function(el){
var options = this.children;
for(var i=0; i < this.childElementCount; i++){
options[i].style.color = 'white';
}
var selected = this.children[this.selectedIndex];
selected.style.color = 'red';
}, false);
Kaedah kasar tetapi berkesan ini memastikan bahawa hanya pilihan yang dipilih mengekalkan warna yang ditentukan, manakala semua yang lain kembali kepada putih.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan Terpilih dalam Elemen `` HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!