引导选择菜单样式

我想给我的<select>菜单自定义颜色和填充。截至目前，它看起来像这样：

我使用bootstrap-select库做到这一点。

代码：

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

我想要的菜单和左侧，给我的侧边栏的颜色之间的间隙很小（以上在菜单所示）。然而，按钮保持默认的颜色，即使我添加padding-left: 20px菜单卡在左侧。任何帮助？

来源

2016-05-12 newkid101

更改data-style到btn-new这样的：

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

然后风格，按钮像这样：

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

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

来源

2016-05-12 22:58:00

我也试试这个（用！重要的和.selectpicker）。但它根本不影响颜色。这就是为什么我在这里发布。无论我做什么，默认样式优先 – newkid101

请提供一个链接到该网站或重新创建迄今在jsFiddle中完成的任务。 –

[codepen]（http://codepen.io/isharief318/pen/yOrYbo） – newkid101

引导选择菜单样式

回答

相关问题