Css 如何使用平面UI工具包(免费)中的下拉框?

Css 如何使用平面UI工具包(免费)中的下拉框?,css,Css,我已经设法在我的项目中包括平面UI(免费)CSS,它为我的按钮和文本框(以及普通文本)设置了样式,但是我无法同时为屏幕上显示的下拉按钮设置样式 问题是,如果我将类select block(在演示中)添加到HTML中的select项中,则下拉列表根本没有样式。我更喜欢designmodo网站上的免费下拉教程 HTML <div id="switch">Hover me <ul id="switch-menu"> <li><a id=

我已经设法在我的项目中包括平面UI(免费)CSS,它为我的按钮和文本框(以及普通文本)设置了样式,但是我无法同时为屏幕上显示的下拉按钮设置样式


问题是,如果我将类
select block
(在演示中)添加到HTML中的
select
项中,则下拉列表根本没有样式。

我更喜欢designmodo网站上的免费下拉教程

HTML

<div id="switch">Hover me
    <ul id="switch-menu">
        <li><a id="ml">menu 1</a></li>
        <li><a id="en">menu 2</a></li>
    </ul>
</div>

请看一看示例

您使用的Selectpicker jQuery插件带有平面UI(它取代了Bootstrap Selectpicker,添加了更多选项),并以以下方式对其进行初始化:

$('select[name="myselect"]').selectpicker({
    style: 'btn-primary',
    menuStyle: 'dropdown-inverse'
});

(用选择框的名称替换
myselect

确切的问题是什么?出现错误了吗?一旦我复制了网站上的下拉列表,我的网站上的下拉列表就没有样式了。我想有人给我展示一下这种下拉式风格的正确实现。谢谢你发布你的答案!请注意,您应该将答案的重要部分发布在此网站上,否则您的帖子可能会被删除。如果您愿意,您可以继续添加该链接,但仅作为“参考”。答案应该是独立的,不需要链接。@BlueFoots要我删除吗?我建议你扩展你的答案,因为你只发布了一个链接。如果链接一直不起作用,那么这对任何人来说都是一个无用的答案。@bluefeet现在怎么样了?使用上面的代码确实以正确的方式显示了菜单,但我仍然可以看到它后面的其他元素的轮廓。你知道有什么方法可以让新元素完美地覆盖在旧元素之上,或者让旧元素消失吗?
$('select[name="myselect"]').selectpicker({
    style: 'btn-primary',
    menuStyle: 'dropdown-inverse'
});