gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 00:45:06 24 4
gpt4 key购买 nike

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

我正在使用来自 google CDN 的 jquery-ui CSS,因此我试图避免将其保存在本地并对其进行修改:)

使用 CSS,我尝试覆盖 UL (.ui-autocomplete)、LI (.ui-menu-item) 和 LI 中的 anchor 标记 - 我有很多工作要做,但似乎有在我的 CSS 之后添加填充,而且,当我将鼠标从列表项移到下一个项目时,一瞬间,前一个项目具有默认的 jquery-ui 背景(标题中使用的灰色渐变,例如对话框标题栏)。
有人有方便的 css 来重置自动完成样式吗?

* 更新 * fiddle 链接:

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

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

最佳答案

感谢 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 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17200335/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com