jQuery combobox造型問題

Question

我渲染一個jQuery組合框，但輸入元素的高度與切換按鈕的高度不匹配，如下面的屏幕截圖所示。 IE 9和FireFox 13都發生這種情況。

jQuery組合框的樣式如下。

<style> 
.ui-combobox { 
    position: relative; 
    display: inline-block; 
} 
.ui-combobox-toggle { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    margin-left: -1px; 
    padding: 0; 
    /* adjust styles for IE 6/7 */ 
    *height: 1.7em; 
    *top: 0.1em; 
} 
.ui-combobox-input { 
    margin: 0; 
    padding: 0.3em; 
} 
      .ui-autocomplete { height: 200px; overflow-y: auto; } 
</style> 

Answer 1

您應該從jqueryui page更新您的組合框小部件。並確保你使用最新的jquery-ui（最近修復了這個問題）。

這幫了我...