css在某些<option>上选择下拉列表粗体

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>

Answer 1

你实际上不能.

在最近的事情(你不能选择一个大胆的项目)

 <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

您也可以构建自己的一个,但不会输入输入标记(您应该使用自己的输入).

Answer 2

你可以用 :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

Answer 3

在作品中使用 css 作为更快、更简单的替代方案

<option value="value" style="font-weight: bold;">SELECT ME</option>