选项中的图标 - Bootstrap + Font-awsome [英] Icon in option - Bootstrap + Font-awsome

问题描述

我试图在选择列表的选项中嵌入一个图标。使用font-awesome图标，不会显示任何图标。

 < select> 
< option>< i class =icon-camera-retro>< / i>不适用于选项！< / option> 
< / select> 
  

我可以使用font-awesome来实现我需要的吗？或者我必须使用font-awesome进行剪贴，并为每个选项做一个手动的CSS背景？
$ b JSFiddle： http://jsfiddle.net/mmXh2/1/

解决方案

<您可以使用FontAwesome作为Unicode字体并以跨平台的方式插入您的图标。您只需要查看每个图标的unicode值即可。

 < select style =font-family：'FontAwesome'，黑体;> 
< option>&＃xf083;现在我展示漂亮的相机！< / option> 
< / select> 
  

I am trying to embed an icon in an option from a select list. Using font-awesome icons, no icon is being displayed.

<select>
    <option><i class="icon-camera-retro"></i> Doesn't work in option!</option>
</select>

Can i use font-awesome to achieve what i need? Or do i have to scrap using font-awesome and do a manual CSS background for each option?

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

解决方案

You can use FontAwesome as a unicode font and insert your icons in a cross-platform way. You just need to look up the unicode value for each icon

<select style="font-family: 'FontAwesome', Helvetica;">
    <option>&#xf083; Now I show the pretty camera!</option>
</select>

这篇关于选项中的图标 - Bootstrap + Font-awsome的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！