通过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
- 通过css的content属性不能添加iconfont的unicode编码的问题
- iOS 里面的iconfont问题
- [DIV/CSS] CSS3的content属性详解
- [DIV/CSS] CSS3的content属性详解
- 头痛的Unicode编码问题
- Unicode相关的编码问题
- CSS常用字体的Unicode编码
- css不能继承的属性
- JS动态添加的属性Form不能提交的问题
- eclipse content assist不能使用的问题
- iconfont.cn中字体图标的问题
- unicode编码的一些简单问题
- unicode及编码的规范问题
- Sublime Text 的Unicode编码问题
- panel的content属性
- 简要描述CSS 中 content 属性的作用。
- IconFont的使用方法
- ICONFONT的使用方法
- 电压比较器与施密特触发器的区别
- tcp/ip协议原理
- JAVA 接口化编程个人见解
- git里程碑(git权威指南笔记)
- Cardboard App退出VR模式注意点
- 通过css的content属性不能添加iconfont的unicode编码的问题
- 微信小程序之提高应用速度小技巧
- java se 11
- Spring 定时任务 @Scheduled
- 前段规范(更新中)
- IDEA中集成struts2+mybatis
- 我见过最简单,方便的屏幕适配
- Python实现Huffman Code
- Python进阶(十二)-浅谈python中的方法