我试图在选择列表中的一个选项中嵌入一个图标。使用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> Now I show the pretty camera!</option> </select>