强制select2-plugin显示所有项目

时间:2013-11-12 19:48:49

标签: jquery-select2

我正在使用select2,并希望在展开时强制显示所有可用选项,而不是添加滚动条。

现在它在选项区域内有一个滚动条:http://screencast.com/t/fYKPArqz5f

这可能吗?

1 个答案:

答案 0 :(得分:2)

你可以在select2.css中更新CSS,大概是第302行:

/* results */
.select2-results {
    /* max-height: 200px;  comment out the max-height! */
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

或者,如果您无法访问CSS,或者不想在您的网站上进行更改,则可以覆盖自己样式表中的特定样式:

.select2-results {
    max-height: none;
}

请参阅此JSFiddle