选择 Chrome 中粗体的下拉选项[重复]

2023-12-08

有什么办法可以制作一个<option>标记为粗体selectChrome 和 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>

这是同样的问题here,但没有任何答复。


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

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

这里有一个关于如何做到这一点的很棒的“指南”:http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

选择 Chrome 中粗体的下拉选项[重复] 的相关文章