Select2 bootstrap样式问题

Question

我的select2框有以下问题。

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

2）从下拉列表中选择一个项目后，会显示两个边框，想要摆脱一个灰色的边框。

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链接：https://jsfiddle.net/w50c4uqf/5/

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

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