Heim  >  Artikel  >  Web-Frontend  >  【】下拉框加图标的问题_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:48:531374Durchsuche

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

<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鼠标事件可以解决

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn