选择镀铬加粗的下拉选项[复制](Select dropdown option bold in chr

这个问题已经在这里有一个答案：

• 如何风格选择标签的选项元素？ 5个回答

有没有什么办法让一个<option>标签中的一个大胆的select在Chrome和IE中使用CSS盒子？ 它的工作在Firefox。

option.red {
    background-color: #cc0000; 
    font-weight: bold; 
    font-size: 12px; 
    color: white;
}

<select name="color">
    <option class="red" value="red">Red</option>
    <option value="white">White</option>
    <option value="blue">Blue</option>
    <option value="green">Green</option>
</select>

这是同样的问题在这里 ，但没有回答。

Answer 1:

你不能做这个。 你会发现“那里”最有可能的解决办法是增加一个周围跨度硬编码的风格，但无论IE（7），也不火狐（3.0.12）遵守此。

你可以做的是使用JavaScript的解决方案给你一个选择的外观，而不实际使用一个选择。

下面是关于如何做一个伟大的“HOWTO”： http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

Answer 2:

我用<option class="bold">Bold Text here</option>

用CSS：

option.bold {
     font-weight:bold;
}

和它的工作为Firefox（Mac和Windows）和IE11，而不是Chrome或Safari。

Answer 3:

由于Chrome浏览器不允许在选项标签加粗的字体，你可以使用text-shadow像财产

text-shadow: 0px 0px 0px black;

它会给所有的浏览器的大胆的工作相同的外观。

文章来源: Select dropdown option bold in chrome [duplicate]