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

新手上路,请多包涵

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

 <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 许可协议

阅读 249
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 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题