仅更改一个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);
};​