CSS 样式 jQuery 的“选择菜单”插件

发布于 2024-12-13 03:18:58 字数 268 浏览 0 评论 0原文

选择菜单: https://github.com/fnagel/jquery-ui/wiki/Selectmenu< /a>

我正在使用这个插件来设计我正在构建的小部件上的选择菜单。我的所有功能都正常工作,但我似乎无法设置它生成的列表项的样式。文本被包裹在它在页面底部创建的 #wrap div 内的锚标记内。

Selectmenu: https://github.com/fnagel/jquery-ui/wiki/Selectmenu

I'm using this plugin to style a select menu on a widget I'm building. I have all the functionality working correctly but I can't seem to style the list items it generates. The text is wrapped inside an anchor tag inside the #wrap div it creates at the bottom of the page.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

想念有你 2024-12-20 03:18:58

这个选择器应该可以工作

.ui-selectmenu-menu li a { *your styling here* }

This selector should work

.ui-selectmenu-menu li a { *your styling here* }
忆沫 2024-12-20 03:18:58

@smegger 的答案显示了如何设置所有下拉菜单的样式。
如果您想设计特定的样式,则无法使用给定的类包装选择,因为下拉 html 是在结束正文标记的正上方创建的。因此,您需要向 select 标签添加一个 ID 属性,

<select id="some_id" name="some_name">...options...</select>

这将创建 ID 为 'some_id-menu' 的 ul dropdown html 标签,

为了设置其样式,只需使用:

#some_id-menu li a { *your styling here* }

@smegger's answer shows how to style all drop downs.
If you want to style a specific one it will not work to wrap the select with a given class since the dropdown html is created right above the closing body tag. Therefor you need to add an ID attribute to the select tag

<select id="some_id" name="some_name">...options...</select>

This will create the ul dropdown html tag with an ID of 'some_id-menu'

In order to style it just use:

#some_id-menu li a { *your styling here* }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文