Bootstrap 选择菜单样式

Question

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

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

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

我希望菜单和左侧之间有一个小间隙，并给它我的侧边栏的颜色（在上面的菜单周围看到）。 但是，按钮保持默认颜色，即使我添加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