为什么在Chrome中显示的选择框选项中没有填充左边但是在FF中有效？

Question

我在选择下拉框中为选项添加了一个css类，用于缩进，

<select id="users" name="users">
    <option value="[1,2,3]">Devs team</option>
    <option value="1" class="member">user1</option>
    <option value="2" class="member">user2</option>
    <option value="3" class="member">user3</option>
</select>

它在Firefox上正确显示但在Chrome上没有显示。 ：（

希望你们能帮我解决这个小问题。

Answer 1

您无法可靠地设置select和option元素的样式。浏览器通常喜欢坚持这些元素的操作系统默认值。

如果您希望填充.member因为他们是开发团队的孩子，您可能需要查看OPTGROUP标记：http://www.w3schools.com/tags/tag_optgroup.asp

Answer 2

找到答案。可悲的是，chrome不支持为选项提供样式。