我正在尝试在我正在创建的网页上使用 select2。但是组合框背景似乎是透明的,但我需要将其更改为另一种颜色。我尝试修改select2.css
文件,但似乎没有任何效果。有任何想法吗 ?
问问题
37977 次
4 回答
32
如果您尝试定位组合框包装器,请使用
.select2-search { background-color: #00f; }
如果您尝试针对输入使用
.select2-search input { background-color: #00f; }
如果您试图定位结果包装器,请使用
.select2-results { background-color: #00f; }
希望这可以帮助!
于 2013-07-21T14:51:23.160 回答
5
帮助 OP 有点晚了,但我会留下这个答案,希望它可以帮助别人。
我不知道其他版本,但使用 select2-rails 3.5.9.3 (根据他们的github 页面,这意味着正在使用的 select2 版本是 3.5)我只能更改背景颜色如下:
.select2-choice { background-color: #00f !important; }
不过,Matthew 提到的结果选择器是有效的。
无论如何,我没有尝试使用“vanilla select2”,所以我不知道这种情况下是否有任何区别。
于 2015-05-22T19:35:47.870 回答
2
对于组合框
.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;
}
于 2018-10-30T08:01:31.720 回答
0
使用禁用的 Select2 4.1.0测试并为我工作:
.select2-container .select2-selection--single .select2-selection__rendered{
background-color: #fff;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
background-color: #fff;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{
border: none;
}
于 2021-09-23T11:36:28.360 回答