Jquery自动完成样式

在设计jQuery自动完成插件时,我将以下 HTML代码连接到我的页面：

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listBox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none; "></ul>

如何禁止通过HTML制作样式,并通过CSS保持完整？我不认为我的CSS文件是覆盖那种风格.

任何帮助都会做

解决方法

jQuery autocomplete需要设置一些内联样式,将下拉列表放在文本框下方,并将其大小相同.

它没有设置任何其他内容,因此,通过设置添加到其中的类的样式(即ui-autocomplete),完全可以为其提供视觉样式.

忠告

我想告诉你的是：设置显示的下拉列表的视觉方面,而不用担心定位和调整内联样式的大小.

需要改变定位

如果您确实需要覆盖此元素的定位和大小,您可以随时将样式设置为！重要.

ul.ui-autocomplete
{
    position: absolute;
    left: 100px!important;
    top: 0!important;
    ...
}

附加编辑

设置margin-top不会做任何事情,因为它每次显示下拉列表时都会计算位置.但是你可以尝试设置这个：

.ui-autocomplete
{
    border-top:5px solid transparent!important;
}

这实际上是诀窍.

原文地址：https://www.jb51.cc/jquery/175649.html