Question

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

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

如上图所示，它具有属性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>

无法将背景图片属性设置为无

0 个答案: