0

次のコードを含むページにオートコンプリート ボックスを配置しました。

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

        "Tea",
        "Coffee"

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

テキスト ボックスに T または C を入力すると、非常に大きなテキスト サイズのオートコンプリート オプションが表示されます。オートコンプリートのフォント サイズを変更するにはどうすればよいですか? それにホバーカラーを追加する方法は？

4

2 に答える 2

0

これが jQuery UI CSS (~line 156-157) であることがわかります。

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

そこに好みのフォントサイズを追加します。

ホバーの場合は、次の行を CSS に追加するだけです。

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

しかし、個人的には、jQuery UI Themeroller のダウンロードとその UI からの編集を好みます。

Ps: Chrome の「Inspect element」または firefox (これも chrome) のfirebugはあなたの友達です :)

于 2012-12-03T10:31:43.650 に答える
0

jQuery UIulは class を持つリストのみを作成しui-autocompleteます。したがって、CSS を使用してフォントを調整するだけです。

于 2012-12-03T10:32:47.857 に答える