jquery ui autocomplete,css问题

前端之家收集整理的这篇文章主要介绍了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文件以强制覆盖.

猜你在找的jQuery相关文章