【求助】下拉框加图标的问题

[昵称null]

现在要在下拉框里加上图标，代码如下

<select class="selectpicker show-tick">
    <option class="icon-heart" value="icon-heart"> icon-heart</option>
    <option class="icon-star" value="icon-star"> icon-star</option>
    <option class="icon-film" value="icon-film"> icon-film</option>
    <option class="icon-file" value="icon-file"> icon-file</option>
 </select>

使用的是bootstrap的select控件，显示效果如下：

现在就是为什么第一选中后 在下拉框里显示不出来？

ps：想要的效果是（这个鼠标点击别的地方不放的时候 能显示已经选择的）：

[昵称null]

我已经解决了这个问题，解决方案是给下拉框的字体添加一个颜色

<style type="text/css">
    .special {
        color: #808080 !important;
    }
</style>

这样就可以了

[皓月长空]

楼主这是要自问自答的节奏么？不用控件也是很容易实现的。

[昵称null]

引用 2 楼 xuejun405 的回复:

楼主这是要自问自答的节奏么？不用控件也是很容易实现的。

关键不是没人回答么 还有 这个不用控件该怎么实现呢？

[皓月长空]

js鼠标事件可以解决