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

发布时间：2020-12-14 21:36:17 所属栏目：资源来源：网络整理

导读：我试图在选择列表中的一个选项中嵌入一个图标。使用font-awesome图标，不会显示图标。 select optioni class="icon-camera-retro"/i Doesn't work in option!/option/select 我可以使用font-awesome来实现我需要的吗？或者我必须使用font-awesome进行报废，

我试图在选择列表中的一个选项中嵌入一个图标。使用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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!