3

我有一个使用 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 的渐变背景仍然存在。

4

1 回答 1

10

感谢 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;
}
于 2013-06-25T12:48:22.227 回答