jquery-ui - 仅更改一个 jquery ui 自动完成输入的字体大小

Question

所以我有三个带有 jquery ui 自动完成功能的输入框，我想将其中两个的字体大小更改为更小。尝试过这样的事情，但没有奏效：

$($('.ui-autocomplete-input')[1]).find('.ui-menu-item').find('.ui-corner-all').css('font-size','12px');

Answer 1

我会通过更改列表的呈现方式并将类添加到li和/或a.

jsFiddle

$("#input1").autocomplete({
    delay: 0,
    minLength: 0,
    source: ["One", "Two", "Three"]
}).data("autocomplete")._renderItem = function(ul, item) {
    return $("<li class=\"li-class\"></li>")//added list class here
       .data("item.autocomplete", item)
       .append("<a class=\"a-class\">" + item.label + "</a>") //added the anchor class here.
       .appendTo(ul);
};​