更改 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