css select dropdown bold on some <option>'s

Question

在选择下拉列表中，我需要将某些项目设置为“强/粗体”。

我怎样才能做到这一点？

我理想需要的示例：

 <option value="#"><strong>Andorra</strong></option>
<option value="#">--Grandvalira</option>
<option value="#">--Vallnord</option>
<option value="#"><strong>Austria</strong></option>
<option value="#">--Amadé</option>
<option value="#">--Bad Kleinkirchheim</option>
<option value="#">--Mallnitz</option>

原文由 user991830 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以使用 :nth-child(N)

 option:nth-child(1), option:nth-child(4) {
    font-weight:bold;
}

演示：http: //jsfiddle.net/Sotiris/sqshN/

在 http://reference.sitepoint.com/css/pseudoclass-nthchild 找到更多信息和浏览器支持这个伪类

原文由 Sotiris 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你实际上不能。

最接近 的东西（不能选粗体）

  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>

这给了你这个：

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup

您也可以自己构建一个，但不会输入输入标签（您应该使用自己的输入）。

原文由 Royi Namir 发布，翻译遵循 CC BY-SA 3.0 许可协议