javascript - 如何使用 javascript 更改背景颜色选择 2？

Question

Demo 和我的代码是这样的:http://jsfiddle.net/fc1qevem/10/

我的 javascript 代码是这样的:

var select02 = $('#select02');

$(select02).select2({
    data: [{
        id: 0,
        text: "test01"
    }, {
        id: 1,
        text: "test02"
    }, {
        id: 2,
        text: "test03"
    }, {
        id: 3,
        text: "test04"
    }, {
        id: 4,
        text: "test05"
    }],
     placeholder: "Branch name",
});

我想把select2的背景颜色改成蓝色

我想用 javascript 改变背景颜色

能不能做到？

谢谢

Answer 1

在你的CSS中添加这个

.select2-selection{
  background-color:blue !important;
}

js解决方案

 $(select02).select2({
    data: [{
        id: 0,
        text: "test01"
    }, {
        id: 1,
        text: "test02"
    }, {
        id: 2,
        text: "test03"
    }, {
        id: 3,
        text: "test04"
    }, {
        id: 4,
        text: "test05"
    }],
     placeholder: "Branch name",
}).data("select2").$container.find(".select2-selection").css('background-color', 'blue');