在HTML的select元素中，通常option标签只支持纯文字内容。但通过引入字体图标库如Font Awesome，可以实现option的美化。步骤包括在CSS中定义font-face，设置body的字体为图标字体，然后在option中使用特定的字符编码来显示图标。这种方法为select提供了更多视觉上的可能性。
在Html中，select的some text标签中是不能加任何子标签的，比如span、img等等，那么是不是就只能是纯文字呢？
经过一段时间的研究，其实还是可以用font-awesome、glyphicons等等的图标来美化一下我们的option的，方法如下：
1)在css中定义一个font-face
@font-face {
font-family: glyphicons;
font-size: small;
src: url('../fonts/fontawesome-webfont.woff') format('woff');//字体路径
}
2)在body中使用这个font-face
body {
font-family: glyphicons, "Microsoft YaHei UI";
}
3)找到字符名并加上
用FontCreator软件，或者查看此类字体的css文件，找到某个字符的名称，如“F046”
那么我们就可以在option中写 就可以显示这个字符啦！(就是\符号)
扫一扫
2521
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
