选项中的图标 \- Bootstrap Font-awsome

Question

我正在尝试在选择列表的选项中嵌入一个图标。使用超棒的图标，没有显示任何图标。

 <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/

原文由 monokh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以将 FontAwesome 用作 unicode 字体，并以跨平台的方式插入您的图标。您只需要查找每个图标的 unicode 值

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

原文由 Sanojian 发布，翻译遵循 CC BY-SA 3.0 许可协议