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

时间:2010-06-01 20:41:02

标签: html drop-down-menu option selectlist

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

3 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分: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

答案 2 :(得分:0)

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