Wie ändere ich die Hintergrundfarbe? Wähle 2 mit Javascript?

Question

Demo und mein Code wie folgt aus:

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", 
}); 

ich den Hintergrund ändern ihre Farbe von select2 bis blaue Farbe wünschen

ich die Hintergrundfarbe ändern möchten: http://jsfiddle.net/fc1qevem/10/

Mein JavaScript-Code wie dieser ist mit Javascript

Ob es getan werden kann?

Danke

Answer 1

diese

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

js Lösung

$(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

in Ihrem CSS hinzufügen, wenn Sie die Hintergrundfarbe unter Verwendung ändern JavaScript dies versuchen:

$ ('. select2-selection'). css ('background-color', 'Blau');

Answer 3

Versuchen Sie den Code unten: -

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 " }); 

Dies ist, wie select2 Hinzufügen Klasse mit dem Behälter oder Standard css ".select2-Container - default .select2-Auswahl - Single" von select2 Hier können Sie die Hintergrundfarbe des Containers bearbeiten. Hoffe es hilft dir.