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自动填充组合框太长

回答

相关问题