在下拉列表中更改所选选项的颜色

Question

  

可能重复：
  HTML <select> selected option background-color CSS style

如何在下拉列表中更改所选选项的颜色？我需要更改下拉菜单关闭时可见的选项颜色...

Answer 1

您可以从select.options[select.selectedIndex]获取值，因此这可能符合您的需求：http://jsfiddle.net/6VhK8/。

var select = document.getElementById('select');
select.onchange = function() {
    for(var i = 0; i < select.options.length; i++) {
        if(i == select.selectedIndex) {
            select.options[i]
            .style.backgroundColor = 'red';
        } else {
            select.options[i]
            .style.backgroundColor = '';
        }
    }
}