更改 select2 颜色

Question

如何更改以下项目的颜色：

1.) 页面加载后出现的字段颜色（我会以经典形式申请bg-white）

2.)页面加载后出现的文字颜色（我会以经典形式申请text-dark）

3.)鼠标悬停时的字体颜色和元素颜色

4.)输入文本的字段颜色

5.)文字下方第一个选项的颜色

我在论坛上找到了一个非常有用的答案 -

/* Input field */
.select2-selection__rendered {  }

/* Around the search field */
.select2-search {  }

/* Search field */
.select2-search input {  }

/* Each result */
.select2-results {  }

/* Higlighted (hover) result */
.select2-results__option--highlighted {  }

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

但在我的情况下，更改上面放置的元素的颜色没有帮助。

我写的更改是否可行，如果不可能，替代解决方案是什么？

Answer 1

我相信您想要和需要的是 select2 上的不同主题。 您可能在代码中的某处设置了一些主题，因为默认主题正是您想要的

请按照此处的文档更改主题：

https://select2.org/configuration/defaults

这可能也很有趣

https://select2.org/appearance