2

有没有办法使用 CSS 在 Chrome 和 IE 的框中使<option>标签变为粗体？select它在 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>

这与这里的问题相同，但没有答案。

4

3 回答 3

2

你不可以做这个。您会发现“在那里”最有可能的解决方案是添加一个带有硬编码样式的环绕跨度，但 IE (7) 和 Firefox (3.0.12) 都不支持这一点。

您可以做的是使用 JavaScript 解决方案为您提供选择的外观，而无需实际使用选择。

这里有一个很棒的“操作方法”：http: //www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

于 2012-07-18T08:05:06.773 回答
0

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

使用 CSS：

option.bold {
     font-weight:bold;
}

它适用于 Firefox（Mac 和 Windows）和 IE11，但不适用于 Chrome 或 Safari。

于 2014-03-06T18:21:47.940 回答
0

由于 Chrome 不允许在选项标签上使用粗体，您可以使用text-shadow类似的属性

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

它将给出相同的粗体外观并适用于所有浏览器。

于 2014-11-27T08:03:44.700 回答