html – 选项中的图标 – Bootstrap Font-awsome

前端之家收集整理的这篇文章主要介绍了html – 选项中的图标 – Bootstrap Font-awsome前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在选择列表中的一个选项中嵌入一个图标。使用font-awesome图标,不会显示图标。
<select>
    <option><i class="icon-camera-retro"></i> Doesn't work in option!</option>
</select>

我可以使用font-awesome来实现我需要的吗?或者我必须使用font-awesome进行报废,并为每个选项做一个手动的CSS背景?

JSFiddle:http://jsfiddle.net/mmXh2/1/

解决方法

您可以使用FontAwesome作为unicode字体,并以跨平台的方式插入图标。您只需要查找每个图标的unicode值
<select style="font-family: 'FontAwesome',Helvetica;">
    <option>&#xf083; Now I show the pretty camera!</option>
</select>

猜你在找的HTML相关文章