Jquery ui 仅为一个jquery ui自动完成输入更改字体大小
因此,我有三个带有jQueryUIAutoComplete的输入框,我想将其中两个的字体大小更改为更小。 尝试了类似的方法,但无效: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, 资料来源:[
$($('.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);
};