选择列表中的样式选项元素（添加填充和/或边距）

Question

是否可以将选择列表/下拉菜单的选项元素设置为背景和字体之外的样式？我特意想添加一些填充/边距，因此列表不会那么狭窄。

Answer 1

如果您需要广泛的浏览器支持，则无法使用。至少IE不支持它。除了使用<ul><li>和JavaScript的良好镜头模仿并逐步增强下拉列表之外别无选择。您可以获得here基于下拉列表的JS（实际上jQuery实际上）可能的一些想法。

Answer 2

@Alex：我们处于和你似乎一样的困境。我们也想控制下拉列表的UI。不幸的是，正如其他人已经提到的那样，如果您还希望具有跨浏览器兼容性，则无法选择系统下拉列表。

所以我们想出了我们自己的jQuery插件，它就像大多数功能的系统下拉列表一样。它还支持主题以及通过模板提供自定义列表项的灵活性。您可以从列出的以下URL中查看正在运行的代码示例，并了解有关它的更多信息。我们相信你会发现它很有用。

1. 示例和文档 - india.assigninfo.com/assignlabs/jaldropdown
2. 来自coderun.com的级联下拉示例代码 - coderun.com/ide/?w=GEXVey_kckKrAkLeoIfZNg
3. 从可滚动的DIV中配置jaldropdown的示例代码 - coderun.com/ide/?w=BiE5TbXdIEehDOxNk1oajw

Answer 3

然而，Internet Explorer中无法使用该功能