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

Posted 2023-05-07

【中文标题】Select2 Library：改变选中项的背景颜色

【英文标题】：Select2 Library: change the background color of the selected item

【发布时间】：2021-11-26 23:23:06

【问题描述】：

我正在做一个项目，为了改进选择，我决定使用 Select2 库。

该项目需要与库使用的调色板不同的调色板，我已经花费了一些工作，但我设法通过更改 css 来满足我的需求。但是我没有设法改变在显示选择时突出显示所选项目的蓝色。

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

一切顺利...

【参考方案1】：

我终于找到了解决方案...需要重写以下类：

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

例如：

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

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

希望这个答案可以帮助其他人...感谢 *** ！！！