我的应用程序中有一个带有选项组的简单选择框。
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
----
----
----
</select>
当它在浏览器中显示时，选项组标签以粗体和斜体显示；我希望它在没有任何这些样式的情况下显示。
在大多数浏览器上（在最新的 IE 和 FF 上测试），您可以仅使用 CSS 轻松更改 optgroup 的标签：
select optgroup{
background: #000;
color: #fff;
font-style: normal;
font-weight: normal;
}
显然，您可以设置任何类名而不是 select html 标签。
顺便说一句，正如其他答案所说，仍然有很少的 CSS 选项可与选择框一起使用，并且许多网站管理员使用 user949847 给出的方法覆盖它们。但上面的代码应该足以满足您的需求。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
