html - 使用带图标的 Bootstrap-select

Question

我想创建一个图标下拉框，我可以在其中显示图标及其名称，然后能够使用 Bootstrap select 搜索它们。

在我目前的状态下，我已经解决了这两个问题，但是当启用 Bootstrap-select 时，图标停止显示。

<div class="col-sm-7">
     <div class="select">
           <select class="selectpicker" id="iconpicker" data-live-search="true" style="font-family: premium-solid-icons">
           <option value="none" selected="" disabled="disabled">Ingen</option>
           <option value='psi-3d-glasses'>&#xe900; 3d Glasses</option>
           <option value='psi-3d-glasses2'>&#xe901; 3d Glasses2</option>
           </select>
     </div>
</div>

我很无能，但似乎 Bootstrap-select 覆盖了选择下拉框的样式。

我该如何解决这个问题？

Answer 1

我是对的，bootstrap Select 覆盖了 premium-solid-icons，所以我不得不将该字体系列设置包含到 Bootstrap-Select.css 文件中。

.bootstrap-select {
width: 220px \0; /*IE9 and below*/
font-family: premium-solid-icons;
(etc.)

感谢您花时间阅读，我希望这对以后的其他人有所帮助。