Question

optgroup，option里如何修改字体，修改字体的样式，字体的颜色以及字体的大小？

代码如下：<select>
<optgroup label="中国网站" style="color:#F00">
<option value="新浪" style="color:#000000">sina</option>
<option value="网易" selected="selected">163</option>
</optgroup>
<optgroup label="美国网站" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif">
<option value="脸谱">facebook</option>
<option value="微软">microsoft</option>
</optgroup>
</select> 显示效果如下： 看到了，颜色好弄，至少我觉得还OK 就是这个字体样式怎么修改，大小如何修改。就是“中国网站” “sina”这样的字体在optgroup，option如何修改？

Answer 1

1、首先引入jquery文件，并加入alert（）进行测试，如果页面加载完毕后弹出alert框，则代表引入jquery文件成功。

2、获取option的value值和text值。查看页面效果，观察是否可以获得其value值和text值。

3、删除选中的option或指定的option，对所有的option进行清空。

4、观察页面的显示结果。当点击删除按钮后，其绑定的事件会被激活，对应的option会被删除。

5、需要注意的是下拉框中如果没有指定value值，则value值默认等于其test值。

Answer 2

<select style="font-size:16px;font-family:'微软雅黑';font-style:italic ;">
<optgroup label="中国网站">
<option value="新浪" style="color:blue;">sina</option>
<option value="网易" style="color:green" selected="selected">163</option>
</optgroup>
<optgroup label="美国网站" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif">
<option value="脸谱" style="color:#FF0000">facebook</option>
<option value="微软" style="color:#00FF00">microsoft</option>
</optgroup>
</select>
最多只能这样修改``
optgroup只能改颜色
option能改字色背景色
字体大小只能在select里设置统一的大小``