jquery - 设置多选框的高度

Question

我正在使用带有多选下拉列表的“Chosen”，并且希望将所选框的高度设置为设定大小。

我在带有溢出:隐藏的对话框中选择了一个框，并且所选框绝对位于容器外部(以便所选下拉列表正确地从对话框中弹出。)不幸的是，“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”前缀更改为“chosen”...但不能保证这会起作用(我还没有看过他们的新版本)样式。)