Css 设置引导选择的选择器版本的样式

我正在尝试设计boostrap select小部件的样式，但失败了。我尝试了以下代码，但它不会更改选择器选择框中的背景和文本颜色：

 <select id="what" class="wia-filter-value selectpicker show-tick">
     <option selected>All</option>
     <option>Events</option>
     <option>Man Made</option>
     <option>Nature</option>
 </select>

---

您需要针对插件正在应用的引导选择类。如果你检查元素，你可以看到发生了什么。这里有一个屏幕截图，以供参考

工作示例：

正文{
填充顶部：50px；
}
.引导选择{
最大宽度：200px；
}
.bootstrap选择.btn{
背景色：#141414；
边框样式：实心；
左边框宽度：3px；
左边框颜色：#00DDDD；
边界顶部：无；
边框底部：无；
边界权：无；
颜色：白色；
字号：200；
填充：12px 12px；
字体大小：16px；
边缘底部：10px；
-webkit外观：无；
-moz外观：无；
外观：无；
}
.引导选择.下拉菜单{
利润率：15px0；
}
选择：：-ms展开{
/*对于IE 11*/
显示：无；
}

全部的
事件
人造的
本性

主题白
选择一个国家
阿富汗
阿尔巴尼亚
阿尔及利亚
美属萨摩亚
安道尔
安哥拉
安圭拉
南极洲
安提瓜和巴布达

---

为白色添加

data style=“btn-white”

，根据中的文档，btn-white似乎不是

数据样式

属性的有效值。无论如何，尝试似乎将选择灰色（默认颜色）而不是白色。这是一个非常奇怪的选择，他们使用按钮类将其样式设置为按钮，而不是选择。该控件名为bootstrap select。

<div class="form-group">
    <label class="control-label col-md-4">Theme White</label>
    <div class="col-md-8">
        <select class="form-control selectpicker" data-size="10" data-live-search="true" data-style="btn-white">
            <option value="" selected>Select a Country</option>
            <option value="AF">Afghanistan</option>
            <option value="AL">Albania</option>
            <option value="DZ">Algeria</option>
            <option value="AS">American Samoa</option>
            <option value="AD">Andorra</option>
            <option value="AO">Angola</option>
            <option value="AI">Anguilla</option>
            <option value="AQ">Antarctica</option>
            <option value="AG">Antigua and Barbuda</option>
        </select>
    </div>
</div>