Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择2更改背景色_Javascript_Jquery_Css_Jquery Select2 - Fatal编程技术网

Javascript 选择2更改背景色

Javascript 选择2更改背景色,javascript,jquery,css,jquery-select2,Javascript,Jquery,Css,Jquery Select2,我正在尝试在我创建的网页上使用select2。然而,组合框的背景似乎是透明的,但我需要改变它的另一种颜色。我试图修改select2.css文件,但似乎没有任何效果。有什么想法吗?如果您试图以组合框包装器为目标,请使用 .select2-search { background-color: #00f; } 如果您试图以输入为目标,请使用 .select2-search input { background-color: #00f; } 如果您试图以结果为目标,请使用包装器 .select2-r

我正在尝试在我创建的网页上使用select2。然而,组合框的背景似乎是透明的,但我需要改变它的另一种颜色。我试图修改
select2.css
文件,但似乎没有任何效果。有什么想法吗?

如果您试图以组合框包装器为目标,请使用

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

如果您试图以输入为目标,请使用

.select2-search input { background-color: #00f; }
如果您试图以结果为目标,请使用包装器

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

希望这有帮助

现在帮助OP有点晚了,但我会留下这个答案,希望它能帮助别人

我不知道其他版本,但使用select2 rails 3.5.9.3(根据他们的意思,select2的版本是3.5),我只能按如下方式更改背景颜色:

.select2-choice { background-color: #00f !important; }
不过,Matthew提到的结果选择器是有效的

无论如何,我没有使用“香草选择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;
}

我刚刚在CSS中找到了
.select2results{}
,但找不到其他两个。还有什么想法可以修改这些吗?