Question

怎么修改select里面option的颜色

Answer 1

可以直接在给每个option上加上class，然后class定义属性color属性。或者是直接写在每个option上style="color:black"也可以
例如:加class

1
2
3
4
5
6
7
8
9
10

<style>
.volvo{color: blue;}
.saab{color: red;}
</style>
<select>
<option class="volvo">Volvo</option>
<option class="saab" >Saab</option>
<option class="volvo">Opel</option>
<option class="saab" >Audi</option>
</select>

加style:

1
2
3
4
5
6

<select>
<option style="color:red">Volvo</option>
<option style="color:blue" >Saab</option>
<option style="color:blue;font-size:18px">Opel</option>
<option style="color:green">Audi</option>
</select>

还有一种方法就是使用javascript或者jquery动态修改。
例如jquery可以利用选择器。addClass("volvo").