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

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; } 

但我个人宁愿jQuery UI的Themeroller下载和编辑从UI

PS：镀铬的 “检查元素” 或者Firefox的（也在铬上）firebug是你的朋友:)

Answer 2

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