今天使用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 的形式才行。