如何移除Select2下拉框展开时显示的搜索图标？

快速解决：用CSS隐藏图标 #

直接添加以下CSS代码，就能去掉搜索框内的图标：

/* 针对Select2默认样式 */
.select2-search--dropdown .select2-search__field {
    background-image: none !important;
}

/* 如果项目用了Bootstrap主题的Select2，用这个选择器 */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-image: none;
}

为什么其他项目没有这个图标？ #

大概率是当前项目和其他项目的Select2配置存在差异：

• 可能当前项目引入了带Bootstrap风格的Select2主题，这类主题默认会给搜索框添加图标
• 也可能是两个项目使用的Select2版本不同，不同版本的默认样式有区别

你可以对比两个项目里引入的Select2 CSS文件，确认是否存在主题或版本差异。

额外备选（若无需搜索功能） #

要是你实际不需要下拉框的搜索功能，初始化时可以直接关闭：

$('#BchId').select2({
    minimumResultsForSearch: Infinity
});

不过你明确要实现可搜索功能，这个仅作备用方案。

内容的提问来源于stack exchange，提问作者Ali Haider