Question

html代码option中怎么改变颜色

改变不了颜色啊

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：style="color: blueviolet"。

3、浏览器运行index.html页面，此时option标签的颜色被成功修改了。

Answer 2

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

例如:加class

<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:

<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").

Answer 3

  例如这样  

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