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>