Javascript 选择与html选择相同的2个选项背景色

我使用select2填充HTML select， 我希望select2选项与html选择控件选项具有相同的背景色，select2JS中是否有允许我们执行此操作的选项，或者我必须手动执行此操作

下面是示例代码

$（'.selectcls'）。选择2({
研究的最小结果：-1，
占位符：“未选择任何内容”，
});

A21
A22
A23
您可以这样使用

.select2-results ul li {
    background-color: red;
}

如果你想在不同的选项中尝试不同的颜色。然后使用CSS3子属性，如
li:nth-child（）
您可以在select2.css中指定所需的任何样式
例如，我已将突出显示的颜色从蓝色改为黄绿色

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: yellowgreen;
    color: white;
}

我在这里详细回答

组合框

.select2-container--default .select2-selection--single{
    background-color: #000;
}

用于选项搜索框

.select2-search--dropdown{
    background-color: #000;
}
.select2-search__field{
    background-color: #000;
}

和选项列表

.select2-results { 
    background-color: #000;
}

不错的CSS解决方案，兄弟，如果他想设计
奇数
或
偶数
选项，那么他也可以使用
：第n个孩子（奇数）
或
：第n个孩子（偶数）
：）由于html是动态生成的，所以无法使用css进行更改，我永远不知道有多少选定项以及它们的选项中包含哪些颜色。从您的示例中，您应该知道。但如果你真的不知道，那么你将如何为一个人选择颜色呢？通过使用“select2:open”事件完成，将bg分配给
。。！