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

【问题标题】：How to modify the layout of jQuery UI autocomplete combobox如何修改 jQuery UI 自动完成组合框的布局
【发布时间】：2023-04-04 12:14:01
【问题描述】：

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

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

【问题讨论】：

标签： jquery css jquery-ui jquery-ui-autocomplete

【解决方案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

【讨论】：