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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值