css - 为什么选择框选项中的 padding-left 在 Chrome 中不显示,但在 FF 中有效?

标签 css google-chrome padding drop-down-menu

我在选择下拉框中的选项中添加了一个 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 上显示不正确。 :(

希望大家能帮我解决这个小问题。

最佳答案

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

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

关于css - 为什么选择框选项中的 padding-left 在 Chrome 中不显示,但在 FF 中有效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7361950/

相关文章:

javascript - 这个选项卡 JS 有什么问题?

javascript - 使用 Javascript 修改 css 类不起作用

css - 我的导航列表是重叠填充。我怎样才能防止这种情况发生?

python - 如何使用 numpy.pad 用 RGB 值填充 RGB 图像

c# - AES 填充并将密文写入磁盘文件

html - 无论图像数量有多少,图像都会自动填充容器 div

html - 带有 iPhone 聊天布局的 CSS

html - 垂直对齐使用 margin-auto 的 div 中的 div

python - Headless Python Selenium MacOS 通过 Chromium 单击/下载文档

javascript - Mac 上的 Chrome 不会启动 WebDAV Word 编辑