我正在使用jquerys autocomplete小部件，但我有几个问题试图设计当您搜索某物时下拉框。定制下拉式自动填充框
我试图移动框有点并改变边界/ bg颜色，但一些JS添加了一些嵌入式样式，这是重写我的.css样式。但我找不到它。
基于I'v的排雷this one。
<ul class="ui-autocomplete ui-menu ui-widget-content" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 11; display: block; width: 139px; top: 44px; left: 1101px; "><li class="ui-menu-item" role="menuitem">
为了避免使用!important，您可以使用jQuery添加样式，并以这种方式覆盖它们。
$('ul.ui-autocomplete').css({
color: 'red'
});
另一种解决方案是从ul中删除样式属性。
$('ul.ui-autocomplete').removeAttr('style');
没有看到你的CSS样式，或者您加载的.css文件的顺序，您可以通过使用Firebug检查了应用类，并添加!important;到主CSS样式覆盖样式。
Ex。
ul.ui-autocomplete {
color: red !important;
}
就可以解决这个问题的最好方法是适当地追查，如果你的jQuery插件有任何参数来帮助你，或者你自己剥离JS和添加自己的CSS样式。
以上！重要;规则可能是一场噩梦，从某种意义上来说它是一种黑客攻击 - 但它可能对你有用。
尝试在你的CSS
重写top和left增值margin-top和margin-left是不行的，因为它是关于它从导出文本字段计算。
我真的不是在jQuery中的亲，但我看看你发送的例子，菜单的样式全部由菜单样式表给出（jquery.ui.menu.css）。看看下面的链接，有一些信息可以帮助我，我想。
http://docs.jquery.com/UI/Menu#theming
您可以自定义这些类的下拉菜单的外观和感觉。
«如果需要更深层次的自定义，那么在jquery.ui.menu.css可修改的样式表中引用了特定于窗口小部件的类。»从jquery网站。
尝试使用位置或追加到选项... 你可以参考这里...
退房文件jquery.ui.theme.css，
类.ui-widget-content顶部附近可以用来提上自动完成搜索结果框背景颜色，边框和定位，也可以通过这个类扭捏。
你遇到的一些问题代码会有帮助。 – bookcasey