jquery - 如何使用 CSS 更改 jquery ui 小部件控件的高度

Question

我在我的 asp.net 网络表单中使用 jquery 小部件。我想将选择控件的高度从默认的 22px 增加到 33px。我也在 Google 开发人员中看到高度设置如下:

这里设置高度:

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button  {
    font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 22px;
    vertical-align: middle;
}

我的解决方案:

<style type="text/css">
.ui-widget select {
    height: 33px;
}
</style>

我的 html 和 javascript:

<div class="ui-widget"><select id="drpAccountSearch" runat="server" NAME="drpAccountSearch"></select></div>

//Set up the account dropdown as an autocomplete combobox
$(document).ready(function() {
    $( "#drpAccountSearch" ).combobox();
});

但高度不会从 22px 变为 33px。

谢谢

Answer 1

$(document).ready(function() { $( "#drpAccountSearch").css('height','33px'); });