select2改变背景颜色

Question

我正在尝试在我正在创建的网页上使用select2。然而，组合框背景似乎是透明的，但我需要将其改为另一种颜色。我尝试修改select2.css文件，但似乎没有任何效果。任何想法？

Answer 1

如果您尝试定位组合框包装器，请使用

.select2-search { background-color: #00f; }

如果您尝试定位输入，请使用

.select2-search input { background-color: #00f; }

如果您尝试定位结果包装器，请使用

.select2-results { background-color: #00f; }

希望这有帮助！

Answer 2

帮助OP有点晚了，但我会留下这个答案，希望它对某些人有所帮助。

我不知道其他版本，但使用select2-rails 3.5.9.3（根据他们的github page表示正在使用的select2的版本是3.5）我只能将背景颜色更改为如下：

.select2-choice { background-color: #00f !important; }

马修提到的选择结果很有用。

无论如何，我没有尝试使用“vanilla select2”，所以我不知道这种情况是否有任何区别。

Answer 3

对于组合框

.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;
}