css在某些<option>上选择下拉列表粗体
use*_*830 13 css forms select option
在选择下拉列表中,我需要将某些项目设置为"强/粗".
我怎样才能做到这一点？
我理想要求的例子:
<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>
Roy*_*mir 34
你实际上不能.
在最近的事情(你不能选择一个大胆的项目)
<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
您也可以构建自己的一个,但不会输入输入标记(您应该使用自己的输入).
你可以用 :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
- 谢谢你...这很棒,但在Chrome中不起作用(在Firefox中很好) (8认同)
- @ user991830不支持`option`元素的粗体,但伪类有效.检查此示例更改颜色http://jsfiddle.net/sqshN/1/ (2认同)
- 在最新的Chromium 31.0中不起作用 (2认同)
小智 5
在作品中使用 css 作为更快、更简单的替代方案
<option value="value" style="font-weight: bold;">SELECT ME</option>