jquery ui autocomplete,css问题

我想设置< ul>样式显示搜索结果.但是,它使用脚本生成的内联css进行样式设置.例如,如果我想从搜索框中稍微移动列表,我该怎么办？

解决方法

要创建自己的 JQueryUI自动完成主题,您需要重写样式.所有课程 Here is an example：

<input class="ui-autocomplete-input"/>
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all">
  <li class="ui-menu-item">
    <a class="ui-corner-all">item 1</a>
  </li>
  <li class="ui-menu-item">
    <a class="ui-corner-all">item 2</a>
  </li>
  <li class="ui-menu-item">
    <a class="ui-corner-all">item 3</a>
  </li>
</ul>

因此,您的CSS文件应覆盖您要更改的所有类的样式.例如：

.ui-menu-item{
   color: blue;
   font-weight: bold;
}

不要忘记在JQueryUI CSS文件之后包含CSS文件以强制覆盖.