jquery - 如何修改 jQuery UI 自动完成组合框的布局

Question

我正在使用 jQuery UI 自动完成组合框并想修改组合框的布局，例如文本字段/切换按钮的高度/宽度和输入文本的字体大小/颜色，但我不知道如何在 CSS 中指定类。

目前，我只使用 .ui-autocomplete-input 来更改文本字段的高度/宽度。谁能告诉我如何修改组合框的其他元素？

Answer 1

在他们的演示中，http://jqueryui.com/resources/demos/autocomplete/combobox.html
他们在头部列出了以下样式:

.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}
.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
}

您可以在此处查看 jquery ui 使用的所有类: http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css