javascript - 更改 select2 颜色

Question

如何更改以下元素的颜色:

1.) 页面加载后出现的字段颜色(我会以经典形式应用 bg-white)

2.)页面加载后出现的文本颜色(我会以经典形式应用 text-dark)

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

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

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

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

/* 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