如何設置擴展的「Chosen」元素（jQuery插件）的最大高度

目前，我在JQuery對話框中使用了選定的JQuery小部件，並且只要打開下拉框，大小下拉原因的對話框溢出，導致此：（請注意，有兩個滾動條，一個下拉框，以及一個用於對話框，這使得滾動幾乎無用：如何設置擴展的「Chosen」元素（jQuery插件）的最大高度

有沒有一種方法來設置：

，使得它會出現更多的這樣（這是一個Photoshop，這是我希望它看起來）：

即在對話窗口中沒有溢出，因爲只有8所顯示的項目，你必須滾動之前。

2014-01-14 Miguel

爲什麼不看看[文件]（http://harvesthq.github.io/chosen /options.html）以及您的最大高度：'.chosen-container .chosen-results {max-height：100px;}'可以通過檢查元素 – Pete

找到從上面的鏈接中，將寬度設置爲less然後100％，並調整它，使容器不「溢出」。 – user1853181

在滾動之前減少可見項目的數量。嘗試使它6而不是8.我認爲該屬性是'max_selected_options'。 – Abhitalks

TL;博士：這個添加CSS規則您的styles.css：

.chosen-container .chosen-results { 
    max-height:100px; 
}

起初，我不明白這一點，但這個選擇實際上是適用於類內救世（該庫生成自己的html元素，這些元素與 <select>元素分離）它們並不是指您設計人員將選定的容器放入其中，因此它們可以在任何情況下工作。

然而，即使當我意識到這一點，這個選擇器不會作爲chosen.css具有完全相同的選擇器，並且因爲last declared rule wins，我的規則沒有效果。有兩個解決辦法：

2014-01-14 12:16:53 Miguel

所以這可以和需要通過使用！重要的CSS完成？我希望如果有更好的建成道場選項.. :( – noobcode

編號閱讀整篇文章 – Miguel

米格爾的回答並沒有爲我工作了，而是這樣做的：

.dropdown-menu { 
    max-height:250px !important; 
    overflow-y: scroll; 
}

2017-11-20 04:58:05 Kelsey

回答