html - 多选框选中背景颜色

Question

我想更改所选项目背景的颜色。我的意思是蓝色：http: //img844.imageshack.us/img844/3200/c0b8e4b9ceac4122bc5668a.png

Answer 1

参考这个帖子，

目前 CSS 不支持此功能。您可以构建自己的或使用使用 DIV/CSS 模拟此行为的插件。

但是，您可以通过 Javascript 来实现它，您可以在此处看到

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);