在做專案的時候需要用到jquery-ui 的 autoComplete 外掛中的 組合框combobox

按照官方網站給的程式碼敲，如果select 的 option 過多的話

會出現下拉後框過長，那如何將這個下拉框弄小呢

找到引用的jquery-ui.css

搜尋 .ui-autocomplete 這個css類的定義

修改為

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	overflow-y:scroll;
	overflow-x:hidden; 
	max-height: 200px; 
}
 

當然，對於低版本的IE，可能會不識別max-height

那就在上述程式碼後加上

 _height:expression(this.scrollHeight >200 ? "200px" : "auto");

就可以實現了