我正在渲染一个 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>