在搜索字段上选择2搜索图标

时间:2016-09-05 02:55:22

标签: javascript jquery twitter-bootstrap select2

我使用select2和bootstrap3。

https://select2.github.io/examples.html

单选框

如何在搜索栏中添加搜索图标?

像这样:

https://fk.github.io/select2-bootstrap-css/

这是我的Select2选项代码:

$(".select2").select2({
    theme: 'bootstrap'
});

这是我的HTML代码:

<select style="width:100%" class="select2">
    <optgroup label="Test-group">
        <option>test1</option>
        <option>test2</option>
    </optgroup>
</select>

谢谢。

1 个答案:

答案 0 :(得分:1)

检查你的html并找到输入的css规则,然后添加背景,如: background: #fff url('select2.png') no-repeat 100% -22px;