Bootstrap, sélectionnez menu style

J'essaie de donner mon <select> menu une couleur personnalisée et de rembourrage. Maintenant, Il ressemble à ceci:

Bootstrap, sélectionnez menu style

CSS:

select {
  display: block;
  margin: 0 auto;
  background-color: #2A3F54;
}

HTML:

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

Je veux un petit écart entre les menus et le côté gauche et lui donner la couleur de ma barre latérale ( vu sur le menu ci-dessus ). Toutefois, le bouton reste dans la couleur par défaut et même si j'ajoute padding-left: 20px le menu est coincé sur le côté gauche. Toute aide?

InformationsquelleAutor newkid101 | 2016-05-12
  1. 7

    Changer votre data-style à btn-new comme ceci:

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

    Et puis style de bouton comme ceci:

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

    Lien vers CodePen: http://codepen.io/anon/pen/pyBjrr

    • J'ai essayé ( avec les !important et .selectpicker). Mais il n'a pas d'effet de la couleur à tous. C'est pourquoi j'ai posté ici. Peu importe ce que je fais, par défaut le style l'emporte
    • Veuillez fournir un lien vers le site ou recréer ce que vous avez fait jusqu'à présent dans jsFiddle.
    • Le bleu pâle est de btn-primary à partir de ce bouton rendus par bootstrap-sélectionnez: <button type="button" class="btn dropdown-toggle btn-primary">
    • Vous aurez besoin de remplacer à la place.
    • C'est la question. Je ne peux pas semblent ignorer que. Si je ne spécifiez aucun data-style la valeur par défaut est btn-default et il apparaît en blanc et pas la couleur que je veux
    • Génial. Merci. J'ai été semi espérant la liste déroulante, sera de la même couleur trop au lieu de l'ennuyeux blanc
    • Remplacer qu'avec !important
    • J'ai changé la couleur sur le vol stationnaire en le sélectionnant avec btn-new:hover, ne le menu déroulant avoir quelque chose comme btn:dropdown ?

    InformationsquelleAutor AndrewL64