是否可以使用jQuery UI限制selectmenu小部件的高度?

时间:2014-07-21 17:51:02

标签: jquery html css jquery-ui jquery-ui-selectmenu

我一直在尝试通过设置源size元素的select属性来做到这一点,但它被忽略了。对于小部件,似乎没有任何高度设置选项。有可能吗?

窗口小部件当前正在隐藏溢出的div对话框内工作,因此下拉列表(总共26个项目)将从div中消失。

2 个答案:

答案 0 :(得分:4)

一些css怎么样......

.ui-selectmenu-open{
        max-height: 350px;
        overflow-y: scroll;
    }

答案 1 :(得分:1)

jQuery UI Selectmenu中没有类似大小的选项(aka显示的不仅仅是一个按钮,而是一个选择“窗格”)。但是可以通过CSS更改生成按钮的高度。

另一个想法是改变像@Michael提议的渲染机制。

演示小提琴很有用。如果您的实际问题是div的溢出,您可以尝试使用appendTo选项将菜单添加到另一个元素,请参阅http://api.jqueryui.com/selectmenu/#option-appendTo