Question

我有一个使用jquery自动完成功能的页面，在我的生活中，我无法删除/修改应用于下拉列表的样式。

我正在使用google CDN中的jquery-ui CSS，所以我试图避免在本地保存并修改它：）

使用CSS，我尝试重写UL（.ui-autocomplete），LI（.ui-menu-item）和LI中的锚标签 - 我得到了很多工作，但似乎在我的CSS之后添加填充，并且当我将鼠标从列表项移动到下一个项目上时，在一瞬间，前一项具有默认的jquery-ui背景（在标题中使用的灰色渐变，例如对话框标题栏）任何人都有css方便重置自动完成样式？

*更新* 链接到小提琴：

[http://jsfiddle.net/HccBe/][1]

如果将鼠标悬停在其中一个项目上，则会以蓝色突出显示。然后将鼠标移动到它的左侧，但仍然在下拉框中，你会注意到蓝色消失了，但是jquery的渐变背景仍然存在。

Answer 1

感谢Claustrofob提供了一个CSS来删除jquery-ui自动完成的所有样式：

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, 
.ui-autocomplete, .ui-autocomplete:hover, 
.ui-menu-item, .ui-menu-item:hover,
.ui-menu-item a, .ui-menu-item a:hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a
{ background: #ffffff none no-repeat; 
padding:0;
margin:0;
display:block;
border:0;border-collapse:collapse;
}

jQuery：从下拉结果中删除ui-autocomplete样式

1 个答案: