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

Jquery ui 仅为一个jquery ui自动完成输入更改字体大小,jquery-ui,styles,jquery-ui-autocomplete,Jquery Ui,Styles,Jquery Ui Autocomplete,因此,我有三个带有jQueryUIAutoComplete的输入框,我想将其中两个的字体大小更改为更小。 尝试了类似的方法,但无效: $($('.ui-autocomplete-input')[1]).find('.ui-menu-item').find('.ui-corner-all').css('font-size','12px'); 我可以通过改变列表的呈现方式来实现,并向li和/或a添加一个类 $(“#输入1”).autocomplete({ 延迟:0, 最小长度:0, 资料来源:[

因此,我有三个带有jQueryUIAutoComplete的输入框,我想将其中两个的字体大小更改为更小。 尝试了类似的方法,但无效:

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

我可以通过改变列表的呈现方式来实现,并向
li
和/或
a
添加一个类

$(“#输入1”).autocomplete({
延迟:0,
最小长度:0,
资料来源:[“一”、“二”、“三”]
}).数据(“自动完成”)。\u renderItem=功能(ul,项目){
return$(“
  • ”)//在此处添加了列表类 .data(“item.autocomplete”,item) .append(“+item.label+”)//在此处添加了锚类。 .附录(ul); };​
    $("#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);
    };​