css3 – 如何将图像图标添加到引导程序选择选项

只是想知道是否可以将图标/图像添加到Bootstrap选择选项.
我已经通过在 HERE处将选项添加到选项来尝试此操作

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

但它不起作用！如果可能的话,你能告诉我吗？
谢谢

解决方法

据我所知,您无法使用内置的引导程序设置向选项元素添加图标.但是,有一个为bootstrap构建的插件用于执行此功能,还添加了其他自定义选项来引导选择组件.它被称为bootstrap-select.

用于此插件的图标直接从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'
});

原文地址：https://www.jb51.cc/css/215477.html