Question

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

我的javascript代码是这样的：

db.test.update(
    { 
        "items.id": { 
            "$exists": true,
            "$ne": 4 
        } 
    },
    {
        "$push": {
            "items": { "id": 4, "date": new Date() }
        }
    }
)

我想将select2的背景颜色更改为蓝色

我想使用javascript更改背景颜色

是否可以做到？

谢谢

Answer 1

在你的css中添加这个

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

解决方案

 $(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');

Answer 2

当您使用 JavaScript 更改背景颜色时，请尝试以下操作：

$（＆＃39; .select2-selection＆＃39;）。css（＆＃39; background-color＆＃39;，＆＃39; blue＆＃39;）;

Answer 3

请尝试以下代码： -

document.getElementById("select02").style.backgroundColor="blue";

Answer 4

// Css code
.bg_color {
     background-color: blue !important;
}

// Javascript code
// just put this code under the load function

$(select02).select2({ containerCssClass: "bg_color " });

这是select2向容器添加类的方法，或者是select2的默认css“.select2-container - default .select2-selection - single”，你可以在其中编辑容器的背景颜色。希望它可以帮到你。

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

4 个答案: