-
使用css修改radio、checkbox样式
- input[type=radio],input[type=checkbox] {
- display: inline-block;
- vertical-align: middle;
- 20px;
- height: 20px;
- margin-left: 5px;
- -webkit-appearance: none;
- background-color: transparent;
- border: 0;
- outline: 0 !important;
- line-height: 20px;
- color: #d8d8d8;
- }
- input[type=radio]:after {
- content: "";
- display:block;
- 20px;
- height: 20px;
- border-radius: 50%;
- text-align: center;
- line-height: 14px;
- font-size: 16px;
- color: #fff;
- border: 2px solid #ddd;
- background-color: #fff;
- box-sizing:border-box;
- }
-
- input[type=checkbox]:after {
- content: "";
- display:block;
- 20px;
- height: 20px;
- text-align: center;
- line-height: 14px;
- font-size: 16px;
- color: #fff;
- border: 2px solid #ddd;
- background-color: #fff;
- box-sizing:border-box;
- }
- input[type=checkbox]:checked:after {
- border: 4px solid #ddd;
- background-color: #37AF6E;
- }
-
- input[type=radio]:checked:after {
- content: "L";
- transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
- -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
- border-color: #37AF6E;
- background-color: #37AF6E;
- }
-
相关阅读:
oracle数据表批量插入查询到的数据
Eclipse EXCEPTION_ACCESS_VIOLATION 崩溃解决办法
js获取当前URL、主机端口、网络协议、请求参数
java.util.ConcurrentModificationException异常分析
Java跨平台调接口同时更新同一条数据发生阻塞
centos7+mariadb+防火墙,允许远程
centos7安装JDK
centos7安装python3
VMware 中安装KVM,模块不加载
C++程序结构.1
-
原文地址:https://www.cnblogs.com/da-yao/p/8080378.html
Copyright © 2020-2023
润新知