gpt4 book ai didi

jquery - 无法将背景图像属性设置为无

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

我正在使用一个名为 Chosen 的 jQuery 插件.

每个选中的都有一个关闭按钮,如下面的代码片段所示。我想更改关闭按钮的颜色,但在查看其 CSS 属性后,我发现无法完成,因为插件使用了 background-image 属性。

enter image description here

如上图所示,它有一个属性background-image: 'chosen-sprite@2x.png';

现在我想使用 CSS 自定义它的 background-image 属性,但它不起作用。

我已经尝试过 background-image: none !important;, background-image: url('https://img.icons8.com/search') !important;background: none !important; 但运气不好。

$(document).ready(function() {
$('.chosen-select').chosen({
width: '100%'
});
});
a.search-choice-close {
background-image: none !important;
}
<!DOCTYPE html>
<html>
<body>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.min.css">
<select data-placeholder="Choose a Country..." class="chosen-select" multiple tabindex="4">
<option value=""></option>
<option value="United States" selected>United States</option>
<option value="United Kingdom" selected>United Kingdom</option>
<option value="Belarus">Belarus</option>
</select>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
</html>

最佳答案

而不是使用下面的代码:

a.search-choice-close {
background-image: none !important;
}

我发现 jQuery Chosen 使用 CSS 媒体查询检测屏幕的 DPI。

所以解决方法是:

a.search-choice-close {
background-image: none !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
background-image: none !important;
}
}

在某些情况下,重写基本 CSS 是不够的。

关于jquery - 无法将背景图像属性设置为无,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52092149/

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