2016-05-12 14 views
1

EDIT:Bootstrap wählen Sie die Menü-Styling

codepen

Ich versuche, meine <select> Menü eine eigene Farbe und Polsterung zu geben. Ab jetzt sieht es wie folgt aus:

enter image description here

ich die bootstrap-select Bibliothek verwende, dies zu tun.

Code:

<select name="ad_account_selected" onchange="this.form.submit()" class="selectpicker" data-style="btn-primary"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
</select> 

CSS

<style type="text/css"> 
    select { 
     display: block; 
     margin: 0 auto; 
     background-color: #2A3F54; 
    } 
</style> 

mag ich eine kleine Lücke zwischen den Menüs und der linken Seite und gibt ihm die Farbe meiner Sidebar (um das Menü zu sehen oben). Die Schaltfläche bleibt jedoch in der Standardfarbe und selbst wenn ich padding-left: 20px hinzufüge, bleibt das Menü auf der linken Seite hängen. Irgendeine Hilfe?

Antwort

3

ändern data-style zu btn-new wie folgt aus:

<select data-style="btn-new"> 
    .... 
</select> 

Und dann Stil, der Knopf wie folgt aus:

.btn-new { 
    background-color: #2A3F54; 
} 

Link zu CodePen: http://codepen.io/anon/pen/pyBjrr

+0

ich dies tat versuchen (mit dem! wichtig und .selectpicker). Aber es wirkt sich nicht auf die Farbe aus. Deshalb habe ich hier gepostet. Egal, was ich mache, das Standard-Styling setzt sich durch – newkid101

+0

Bitte geben Sie einen Link zu der Website oder erstellen Sie neu, was Sie bisher in jsFiddle getan haben. –

+0

[codepen] (http://codepen.io/isharief318/pen/yOrYbo) – newkid101

Verwandte Themen