HTML SELECT选项上的HTML字体粗细属性
HTML SELECT选项上的HTML字体粗细属性
提问于 2013-09-11 07:08:38
font-weight : bold不适用于Internet Explorer中的HTML SELECT选项，是否有其他方法可以在HTML SELECT选项上指定粗体属性。
.test {
color:black !important;
font-weight:bold !important;
}
.test1 {
margin-left:10px !important;
} <select ng-model="fields[filter.id]" style="width:200px;">
<option value="">--- Select ---</option>
<option class="test">zero</option>
<option class="test1">one</option>
</select>
这些css样式在Firefox中有效，但在chrome和IE中无效:(
回答 3
Stack Overflow用户
发布于 2013-09-11 07:14:18
简单地使用
select{
font-weight: bold;
}<select>
<option>aaa</option>
<option>bbb</option>
</select>
应该行得通。小提琴：http://jsfiddle.net/NQxRA/1
Stack Overflow用户
发布于 2013-09-11 07:14:52
由于IE不接受select option中的粗体，因此唯一的方法是使用如下脚本重新创建下拉列表：http://gregfranko.com/jquery.selectBoxIt.js/#HTMLOptionSupport
Stack Overflow用户
发布于 2013-09-11 07:23:33
试试这个：
HTML：
<select>
<option class="AllOptions" >
Option 1
</option>
<!--Add this class To All Options-->
</select>CSS：
.AllOptions {
font-weight:bold;
}或者，您可以：
select {
font-weight:bold;
}或者您也可以(但它已被弃用，并且不是有效的HTML5和糟糕的做法)：
<select>
<option>
<b>Option1</b>
</option>
</select>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18734782
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
