自定义checkbox,redio等
直接上代码:
看的懂看,看不懂拉到。
.messageState li {list-style: none;float: left;padding-right:30px;font-size: 16px;color: #1e1e1e;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;}
.messageState li input[type="checkbox"] {position: absolute;clip: rect(0, 0, 0, 0);}
.messageState li input[type="checkbox"] + label::before {
content: "\a0";
display: inline-block;
vertical-align: 0px;
width: 16px;
height: 16px;
margin-right: 10px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
text-indent: 2px;
line-height: 13px;
}
.messageState li input[type="checkbox"]:checked + label::before {
content: "\2713";
color: white;
background-color: #009FE1;
}
.messageState li input[type="checkbox"]:focus + label::before {
box-shadow: 0 0 1px 3px #eee;
}
.messageState li input[type="checkbox"]:disabled + label::before {
box-shadow: none;
background-color: gray;
color: #555;
}
最新文章
- 使用dom4j读取xml连接数据库与之单例模式
- 1Z0-053 争议题目解析704
- html5学习笔记(2)
- 高级SQL语句
- C# MVC 实现登录的5种方式
- 李洪强iOS开发之OC语言description方法和sel
- Android的5个进程等级(转)
- css伪元素用法大全
- 【深度学习系列】CNN模型的可视化
- 【转载】Ubuntu Android开发环境搭配
- java -jar和hadoop jar的区别
- Maven Gradle
- Python用户名密码登录系统(MD5加密并存入文件,三次输入错误将被锁定)及对字符串进行凯撒密码加解密操作
- spring之文件上传
- 饭否Oauth记录
- 深入 JSX
- iOS 动态库、静态库 . framework 总结(2017.1.25 修改)
- Java基础加强总结(二)——泛型
- Pipeline组测试说明
- mongodb 的主从配置