Jquery自动完成看起来问题

时间:2011-11-25 09:41:17

标签: jquery css jquery-ui jquery-autocomplete

我正在使用Jquery Autocomplete。它的工作很好,但我有小问题。输入框旁边的按钮显得比较大。
enter image description here
我希望按钮与输入框的高度相同。我检查了应用的CSS但无法找到按钮的任何高度属性 即使在官方网站上,我发现按钮高度比输入小一点 enter image description here

如何更改高度以使其与输入相同?
修改
我添加了以下样式

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

</style>   

enter image description here

它的高度发生了变化但却无法降低。我尝试了padding:bottom=0pxvalign="bottom",但没有运气。

1 个答案:

答案 0 :(得分:2)

使用firebug检查类名和ID,你可以看到它:

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

}

如果您不想要任何其他ui按钮,

#myContainer .ui-widget button {
    //
}