在设计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;
}
这实际上是诀窍.
