选择选项以更改选定选项上的文本颜色在IE9中不起作用

时间:2015-07-23 18:49:53

标签: jquery css html5 css3

我在下面有以下代码,它改变了所选选项的颜色,适用于所有浏览器,但这似乎不适用于IE9。不确定我缺少什么,真的很感谢你的帮助

        select {
  color: #1771b7 !important;  // color of the selected option
 }

select option {
   color:#555 !important; // color of all the other options
}   


<div class="styled-select">
   <select id="selectedBusinessType" name="selectedBusinessType" >
      <option value="default">Select</option>
                <option value="auto">Auto</option>
                <option value="demo">Demo</option>
                <option value="fg" selected="selected">Demo fgsdf</option>
                <option value="st">ST</option>
                <option value="publish-wf">publish w/f</option>
                <option value="test">test</option>
   </select>
</div>

1 个答案:

答案 0 :(得分:0)

好的我觉得这就是你要找的https://jsfiddle.net/049Lj4LL/2/ 我改变了颜色,所以我可以看到改变伪类option:checked是你需要的

 select {
      color: green;  /* color of the selected option*/
     }

    option {
       color:red; /* color of all the other options*/
    }   
    option:checked { color: green; }