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

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

1 个答案: