css - 如何将图像图标添加到 Bootstrap 选择选项

Question

只是想知道是否可以将图标/图像添加到 Bootstrap 选择选项。我已经通过在HERE
的选项中添加背景图像来尝试这个

<select class="span2">
            <option>1</option>
            <option style="background-image:url(slider-dot.png);">2</option>
            <option>3</option>
</select>

但它不工作！你能告诉我这是否可能吗？谢谢

Answer 1

据我所知，您无法使用内置引导设置将图标添加到选项元素。但是，有一个为引导程序构建的插件旨在执行此功能，还为引导程序选择组件添加了额外的自定义选项。它被称为引导选择。

该插件使用的图标直接从 bootstrap 提供的 Glyphicons 加载。

• Git 项目可以在这里找到： http ://silviomoreto.github.io/bootstrap-select/
• 您还可以在此处找到该功能的现场演示：http: //silviomoreto.github.io/bootstrap-select/

编辑：查看 jsFiddle 示例的链接：http: //jsfiddle.net/YW8MV/5/

相关的 JavaScript 是这样的：

$('.selectpicker').selectpicker({
    style: 'btn-primary',
    showIcon: true,
    title: 'select test'
});