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

来源:互联网 发布:mac os x安装光盘映像 编辑:程序博客网 时间:2024/06/16 18:07

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


0 0
原创粉丝点击