自动填充文本框：如何减少文本大小？

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 {

将首选字体大小添加到那里。

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

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

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

P.s：Chrome的“Inspect element”或firefox（也在chrome上）firebug是你的朋友：）

Answer 2

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