在某些< option>上选择css选择下拉 [英] css select dropdown bold on some <option>'s

问题描述

在选择下拉列表中，我需要确定某些项目是否为强大/粗体。

On a select dropdown, I need to make certain items 'strong/bold'.

我该如何做？

我理想需要的示例：

<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>

推荐答案

您可以使用：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

Find more info and browser support for this pseudo-class at http://reference.sitepoint.com/css/pseudoclass-nthchild

这篇关于在某些< option>上选择css选择下拉的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！