Select2引导样式问题[关闭]

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;
}