gpt4 book ai didi

css - 如何删除 jQueryUI 自动完成组合上的 BG 图片(选择)

转载 作者:行者123 更新时间:2023-11-28 11:10:59 25 4
gpt4 key购买 nike

我正在尝试设置 jQueryUI 自动完成的样式,但我这辈子都找不到如何在悬停时覆盖下拉列表中的样式!

(我追求干净平坦的外观,没有图像或渐变)。

我创建了一个 plunkr 来说明这个问题:http://plnkr.co/edit/pUdcIRgWDcnfuKYVpyQV?p=preview

我在所有其他 jQUI 元素上都取得了成功,但不是这个。我也浏览了 CSS 文件,但我想知道是否 JS 添加了一些东西,而我无法在 Chrome 中观察到它?

即使在 Chrome 中检查它也很繁琐(我建议右键单击暴露的 <li> )

欢迎任何建议,谢谢

jquery.ui.theme.min69d2.css 中的 jQueryUI 样式

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
/* this is the damned hover!! */
border:1px solid #999;
background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight:normal;
color:#212121;

/* an override in place: this works */
border: none;
background-image: none;
background: yellow;
color:blue;
}

我的样式表,它位于 jqueryUI 之后并且更具体(在 #id 下)

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
/* fails */
border: none !important;
background-image: none !important;
background: yellow !important;
color:blue !important;
}

最佳答案

它作为一个列表工作,这些项​​目的类是 .ui-menu-item

查看此代码 http://plnkr.co/edit/DQFOCVKIIBysKc4JQGtW?p=preview

.ui-autocomplete, .ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item a {
background:none;
}
.ui-autocomplete {
background:orange;
}
.ui-autocomplete .ui-menu-item {
background:red;
}
.ui-autocomplete .ui-menu-item a:hover {
background:yellow;
}

关于css - 如何删除 jQueryUI 自动完成组合上的 BG 图片(选择),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19664047/

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