更改特定选择下拉列表的颜色

时间:2016-05-17 07:32:51

标签: css

我创建了一个选择下拉列表,它采用背景颜色(白色)。我想把它改成灰色。这就是我尝试的方式:



<select class="form-control" id="tax_toggle" style="background-color: #E0E0E0;" name="tax_toggle" style="min-width:160px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  <option value="" id="select" style="background-color: #E0E0E0;" selected="selected">--- Tax ---</option>
</select>
&#13;
&#13;
&#13;

但是,没有变化。我该怎么办?

1 个答案:

答案 0 :(得分:1)

如果要设置选择背景颜色,则应设置选择:

<select class="form-control" id="tax_toggle" style="background-color:#E0E0E0;"></select>

如果你的意思是设置选项背景,你应该在css中这样做:

option{
background-color:#fff;
}
option:not(:checked) { 
    background-color: #E0E0E0; 
}