Rumah > hujung hadapan web > html tutorial > 【】下拉框加图标的问题_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:48:53
asal
1469 orang telah melayarinya

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

<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>
Salin selepas log masuk

使用的是bootstrap的select控件,显示效果如下:

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

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


回复讨论(解决方案)

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

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

这样就可以了

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

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


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

js鼠标事件可以解决

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan