jquery - 自动完成文本框：如何减少文本大小？

Question

我在页面中放置了一个自动完成框，代码如下：

 $(function() {
    var availableTags = ["Recharge",

        "Tea",
        "Coffee"

    ];
    $( ".extra" ).autocomplete({
        source: availableTags
    });

当我在文本框中输入 T 或 C 时，它会提供非常大的文本大小的自动完成选项。如何更改自动完成中的字体大小？如何为其添加悬停颜色？

Answer 1

找到这是 jQuery UI CSS（~第 156-157 行）：

.ui-menu .ui-menu-item a {

将您喜欢的字体大小添加到那里。

对于 Hover，只需将此行添加到 CSS 中：

.ui-menu .ui-menu-item a:hover { color: red !important; }

但我个人更喜欢 jQuery UI Themeroller从他们的 UI 下载和编辑

Ps：Chrome 的“检查元素”或 firefox 的（也在 chrome 上）萤火虫是你的朋友 :)

Answer 2

jQuery UI 只使用类创建一个ul列表ui-autocomplete。所以你只需要通过 CSS 调整字体。