jQuery combobox样式问题

时间:2012-07-07 03:15:14

标签: jquery-ui combobox

我正在渲染一个jQuery组合框,但输入元素的高度与切换按钮的高度不匹配,如下面的屏幕截图所示。这种情况发生在IE 9和FireFox 13中。 enter image description here

用于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>

1 个答案:

答案 0 :(得分:1)

您应该从jqueryui page更新您的组合框小部件。并确保使用最新的jquery-ui(此问题最近已修复)。

这对我有帮助......