设置多选选择框的高度

Question

我正在使用选择多选下拉菜单,并希望将所选框的高度设置为设定大小.

我在一个带溢出的对话框中有一个选中的框:隐藏,并且所选的框绝对位于容器外部(这样所选的下拉列表就会正确弹出对话框.)不幸的是,"position:absolute;" 将它从流中移除,结果没有高度...使对话框缩小,多选择似乎从中弹出.我可以将父容器设置为固定高度,但多选选项会在选择更多选项时展开,我仍然会在长列表中遇到同样的问题.

有没有办法将所选的多选设置为特定高度？谢谢!

Answer 1

没关系......用CSS自己想出来:

.mycontainer {
    height: 120px;
}

.mycontainer .chzn-container-multi .chzn-choices {
    height: 120px !important;
    overflow-y: auto;
}

.mycontainer是持有所选下拉列表的div.

请退出编辑答案. 这个答案与2年前我最初提出这个问题时可用的Chosen版本一致.对于那些使用较新版本(即1.4.2)的人,您可以尝试将上面CSS中的"chzn"前缀更改为"已选择"...但不保证这将起作用(我没有看过他们的新版本)造型).