下拉选择中的样式文本选项

Question

我只是尝试将一些基本样式应用于下拉选择元素中的不同选项。在Firefox中，样式可以使用，但在Chrome和IE9中，样式不会生效，即使在Chrome中我可以在调试检查器中看到样式正在被读取而不被任何其他样式覆盖。有什么想法吗？

例如：

select option.depth-0 {
    font-weight: bold;
}

关于这个元素：

<option value="1" class="depth-0">Home</option>

Answer 1

在您的css中交换select和option个选择器：

option.depth-0 select{
    font-weight: bold;
}

修改

选项select元素实际上不是浏览器的一部分。它是操作系统的一部分。风格很难。

例如，您无法更改height元素中某些option的{​​{1}}。改变select也是假设。

我看到的唯一选择是创建自己的自定义font-weight元素。以JavaScript为例。然后，您可以根据需要使用CSS自定义它。它将是crossbrowser。