jquery - Jquery 自动完成外观问题

Question

我正在使用 Jquery Autocomplete .它工作正常，但我有一个小问题。输入框旁边的按钮显得有点大。

我希望按钮与输入框的高度相同。我检查了应用的 css，但找不到按钮的任何高度属性。
即使在官方网站上，我也观察到按钮的高度比输入小一点。

如何改变它的高度使其与输入相同？
编辑:
我添加了以下样式

<style>
.comboButton {
    height:20px;
    valign:bottom;
}

</style>   

它的高度发生了变化，但无法降低。我尝试了 padding:bottom=0px 和 valign="bottom" 但没有成功。

Answer 1

使用firebug检查类名和id，你可以看到:

.ui-widget button {
    height:20px;
    position:relative;
    top:15px;

}

如果您不想将其用于任何其他 ui 按钮，

#myContainer .ui-widget button {
    //
}