Bootstrap选择菜单样式

Question

我正在尝试为我的<select>菜单提供自定义颜色和填充。截至目前，它看起来像这样：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我想在菜单和左侧之间留一个小间隙，并给它侧栏的颜色（在上面的菜单中看到）。但是，按钮保持默认颜色，即使我添加padding-left: 20px，菜单也会粘在左侧。有什么帮助吗？

Answer 1

将data-style更改为btn-new，如下所示：

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

然后按下这样的按钮：

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

指向CodePen的链接：http://codepen.io/anon/pen/pyBjrr