【】下拉框加图标的问题_html/css_WEB-ITnose

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

<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：想要的效果是（这个鼠标点击别的地方不放的时候 能显示已经选择的）：

回复讨论(解决方案)

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

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

这样就可以了

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

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

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

js鼠标事件可以解决