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

Posted 2023-04-27

代码如下：<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如何修改？

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

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

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

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

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

参考技术A <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里设置统一的大小``

html下拉列表(option)字体大小,颜色怎么修改？

颜色是多种颜色。

设置select的style="width:200px;height30px;font-size=24px;"能变大 参考技术A 如下html代码：
<div class="choseLanguage">
<div class="se">
<select class="selectLanguage">
<option class="optionLangeuage">简体中文</option>
<option class="optionLangeuage">English</option>
</select>
</div>
<div class="trangle"></div><!--设置三角形白色DIV-->
</div> 参考技术B <option value="">请选择</option> 把value设置为这样 颜色会变成灰色 参考技术C <option value="2" style="color:red">2</option>
改变颜色，字体大小貌似改不了吧