Select2 bootstrap 样式问题

Question

我的 select2 盒子有以下问题。

1) 我想将之前 selected 项目的背景颜色更改为白色。例如，当您打开 select 框，然后将鼠标悬停在下一个项目上时，前一个 selected 项目的背景颜色为灰色，我想将其更改为白色。

2) 从下拉列表中 select 编辑一个项目后，会显示两个边框，想要去掉一个灰色边框。

Fiddle - https://jsfiddle.net/w50c4uqf/

Answer 1

这里是 CSS 代码，它改变了先前选择的项目的颜色：

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; //Change this color 
}

您可以进入 select2.css 文件并直接将其更改为：

.select2-container--default .select2-results__option[aria-selected=true] {
      background-color: #fff;
}

这是 jsfiddle link：https://jsfiddle.net/w50c4uqf/5/

要删除边框，您应该添加以下行：

.select2-container--default .select2-selection--single:focus {
  border: 0;
}