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

html – 选项中的图标 – Bootstrap Font-awsome,第1张

概述我试图在选择列表中的一个选项中嵌入一个图标。使用font-awesome图标,不会显示图标。 <select> <option><i class="icon-camera-retro"></i> Doesn't work in option!</option></select> 我可以使用font-awesome来实现我需要的吗?或者我必须使用font-awesome进行报废,并为每个选 我试图在选择列表中的一个选项中嵌入一个图标。使用Font-awesome图标,不会显示图标。
<select>    <option><i ></i> Doesn't work in option!</option></select>

我可以使用Font-awesome来实现我需要的吗?或者我必须使用Font-awesome进行报废,并为每个选项做一个手动的CSS背景?

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

解决方法 您可以使用FontAwesome作为unicode字体,并以跨平台的方式插入图标。您只需要查找每个图标的unicode值
<select >    <option>&#xf083; Now I show the pretty camera!</option></select>
总结

以上是内存溢出为你收集整理的html – 选项中的图标 – Bootstrap Font-awsome全部内容,希望文章能够帮你解决html – 选项中的图标 – Bootstrap Font-awsome所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1112605.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)

    保存