Question

I am using Jquery Autocomplete. Its workng fine but I have small problem. Button next to input box appears bit larger.

I want button to be of same height as of input box. I checked applied css but couldnt find any height attribute for button.
Even on the official site I observed that that buttons height is bit smaller than input.

How can I change its height to make it same as input ?
EDIT:
I added following style

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

</style>   

Its height have changed but not able to bring it down. I tried padding:bottom=0px and valign="bottom" but no luck.

Answer 1

Use firebug to check classnames and id’s, you can see it’s:

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

}

If you don’t want it to any other ui-buttons,

#myContainer .ui-widget button {
    //
}