如何替换 select2 默认微调器？答案

【问题标题】：how replace select2 default spinner?如何替换 select2 默认微调器？
【发布时间】：2013-03-14 19:45:20
【问题描述】：

如何替换select2spinner.gif？

我已经尝试过下一个 css：

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
   background: #fff url('custom-spinner.gif') no-repeat 100% !important;
   background: #fff url('custom-spinner.gif') no-repeat 100% !important;
 }

这是截图：

我没有实现用spinner1-gif替换默认的select2-spinner.gif

这是https://github.com/ivaynberg/select2/blob/master/select2.csscss

【问题讨论】：

仅供参考，它已在 3.3.1 中重命名。
究竟是什么不工作？您的代码可能有效，但如果没有看到您的情况，就很难说什么。
如果 css 不再引用默认微调器。你怎么还有它？？除非是缓存问题
这条规则正确吗？我有最新版本的 select2 插件。您可以粘贴正确的 css 来替换微调器吗？
这取决于您使用的版本（“最新”没有帮助--最新的稳定版？最新的开发版？），但您只需在 select2.css 中搜索图像名称并更改那里的路径，或者您将复制这些样式并在单独的样式表中进行更改。在不知道您的版本和文件路径的情况下，我们无法很好地为您提供具体信息。

标签： javascript jquery css jquery-select2

【解决方案1】：

这是 select2.css 版本 3.3.1 中“spinner.gif”的每个实例。复制它，更改文件路径的每个实例，并将其放在加载 select2.css 的样式表中。

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

【讨论】：