通过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 的形式才行。
相关文章推荐
- VC的MFC的CWnd子类不能看到消息映射属性无法通过VC界面添加事件
- Linux通过命令行添加代理服务器,解决apt-get不能上网的问题
- css的content属性,以及如何通过css content属性实现css计数器?
- JS中style属性控制,如何通过JS给一元素添加CSS相关属性
- vue2.0关于set添加属性后视图不能更新的问题
- 通过自定义属性添加样式(css+js,动态判断背景颜色)
- cookie工具类,解决servlet3.0以前不能添加httpOnly属性的问题
- (礼拜四log)前端开发,使用jq的.css函数添加属性时!important要注意的问题
- cookie工具类,解决servlet3.0以前不能添加httpOnly属性的问题
- 关于解决属性文件中文编码错误不能保存的问题
- 在CSS中通过@font-face属性来实现网页中嵌入特殊字体
- 还在为小图标不能适应各种设备发愁吗?iconfont为你解决所有问题
- 分类中添加属性(理论上分类不能添加属性,可以通过两个方法添加)
- linux机上web项目添加font,nginx显示404问题(woff)及svn编码问题
- (待补全测试结果)crm小问题注意:add.jsp添加客户页面回显字典供选择。【查询字典时传参数typeCode不能和属性名相同】
- iconfont项目成员添加不进去的问题
- iOS类别(category)不能添加成员变量但是可以添加属性的问题
- jsp页面中动态添加上传输入项注意的问题:“添加上传文件”按钮的name属性值不能和onclick属性的值相同!!!
- ios类别(category)不能添加成员变量但是可以添加属性的问题
- Jig时原点总是有显示,jig后再添加进btr, jig前不能处理属性添加到块,所以要先添加进btr,再clone(),再删除原来的,再将clone的添加进btr OK 解决问题