jQuery 콤보 박스 스타일 지정 문제

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를 사용하고 있는지 확인하십시오 (이 문제는 최근에 수정되었습니다).

이렇게하면 도움이되었습니다 ...