jQueryUI自動填充組合框太長

我的jQuery UI自動完成ComboBox在右側沒有滾動條，並且變得非常不幸，如下所示。我想將這個列表限制在一個合理的長度 - 關於如何完成的任何想法？謝謝！jQueryUI自動填充組合框太長

jQuery UI AutoComplete ComboBox

2012-02-07 Richard

[限制結果在jQuery自動完成]可能的重複（http://stackoverflow.com/questions/4071887/limit-the-result-in-jquery-autocomplete） – 2012-02-07 19:47:32

您可以通過CSS設置高度：

.ui-autocomplete { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
}

來源

2012-02-07 19:55:16 j08691

這工作得很好，謝謝！ – Richard 2012-02-11 06:15:35

現在，CSS類被命名爲ui-autocomplete-list。 – jonnieZG 2017-02-14 12:41:57

開始尋找到的CSS。下拉列表最有可能是select或ul。如果下拉列表包含在DIV中，請添加「overflow：auto」，這會給它一個滾動條。或者將最大高度設置爲div。另一個解決方案是對結果進行限制。只是不要使用那麼多條目填充框。

來源

2012-02-07 19:52:40 Churk

這是一個老問題，因此，儘管通過j08691解決工作正常與舊Primefaces，現在的類名稱已更改爲「UI的自動完成列表「：

.ui-autocomplete-list { 
    max-height: 400px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
}

來源

2017-02-14 12:41:36 jonnieZG

在某些時候，這又變了，因爲jQuery的UI 1.12.1類是 'UI-autocomplete.ui前期' 這樣公認的答案就變成了：

.ui-autocomplete.ui-front { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
}

來源

2017-12-03 22:38:00 adejones

jQueryUI自動填充組合框太長

回答

相關問題