Select2 Library:改变选中项的背景颜色

Select2 Library: change the background color of the selected item

我正在做一个项目,为了改进 select我决定使用 Select2 库。

该项目需要与图书馆使用的调色板不同的调色板,我花了一些时间,但我已经设法通过 css 中的更改来满足我的需求。但是在显示 select.

时,我还没有设法更改突出显示 selected 项目的蓝色

如果有人做过类似的事情来指导我,我将不胜感激。无论如何,我留下一张图片,以便您可以观察我的意思:

祝一切顺利...

最后我找到了解决方案...需要覆盖以下 class:

/* Selected option */
.select2-results__option[aria-selected=true] {  }

例如:

.select2-results__option[aria-selected=true] {
    color: #ffffff;
    background-color: #9f998d;
}

我确定我之前尝试过,但也许我犯了一个错误。

希望这个回答可以帮助到其他人...感谢 Whosebug!!!