您的位置:首页 > Web前端 > CSS

通过css的content属性不能添加iconfont的unicode编码的问题

2017-03-17 17:33 776 查看
今天使用iconfont服务开发时遇到点小问题,分享一下:


一、起因:

看到微信团队的weui组件做得比较好看,今天想研究下源码,发现他们用css的conten属性来实现好看的radio和checkbox效果,实现方法还是蛮6的,原理如下:

1、把默认的chckbox和radio表单给padding掉:

.check{
position: absolute;
left: -9999em;
}
2、把默认的丑陋元素给搞掉后,然后通过 content属性把内容添加到它的 :before 里面

.check:before {
content: '\e78b;';
color: #C9C9C9;
font-size: 23px;
display: block;
}


二、问题来了
这里如果用iconfont默认的iconfont的编码符传进去的话(直接添加是      的形式),这样做是读取不了的,一开始我没注意到weui的做法,后来发现如果通过content传unicode编码的话要用真实编码  \e78b  的形式才行。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css icon iconfont 编码
相关文章推荐