html - HTML SELECT 的 OPTION 上的 HTML 字体粗细属性

Question

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 中无效:(

Answer 1

只需使用

select{
    font-weight: bold;
}

<select>
  <option>aaa</option>
  <option>bbb</option>
</select>

应该管用。小提琴：http: //jsfiddle.net/NQxRA/1

Answer 2

尝试这个：

HTML：

<select>
<option class="AllOptions" >
Option 1
</option>
<!--Add this class To All Options-->
</select>

CSS：

.AllOptions {
font-weight:bold;
}

或者您可以：

select {
font-weight:bold;
}

或者你可以（但它已被弃用并且不是有效的 HTML 5 和不好的做法）：

<select>
<option>
<b>Option1</b>
</option>
</select>

Answer 3

由于 IE 在选择选项中不接受 BOLD，唯一的方法是使用类似这样的脚本重新创建下拉列表：http: //gregfranko.com/jquery.selectBoxIt.js/#HTMLOptionSupport