更改所选选项的颜色下拉

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 = ''; 
     } 
    } 
}