input css重写

最新推荐文章于 2021-08-11 11:30:11 发布

dazd8213

最新推荐文章于 2021-08-11 11:30:11 发布

阅读量197

点赞数

原文链接：http://www.cnblogs.com/ljbkyBlog/p/7269358.html

版权

[name="checkbox"]{
   -webkit-appearance: none;
   -moz-appearance:none;
   appearance: none;
   width: 0.2rem;
   height: 0.2rem;
   margin: 0;
   cursor: pointer;
   vertical-align: bottom;
   background: #fff;
   border: 1px solid #E6E6E6;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: relative;
   outline: none;
   vertical-align: middle;
}

[name="checkbox"]:checked{
   background: url('../img/xz9879879789.png') no-repeat center;
   -webkit-background-size: 100%;
   -moz-background-size: 100%;
   -o-background-size:100% ;
   background-size: 100%;
}

input[type=radio]:hover{
　　border-color: #35C8EA;
}
input[type=radio]:checked{
　　outline: none;
}
input[type=radio]:checked::after {
　　content: '';
　　display: block;
　　position: relative;
　　top: 5px;
　　left: 5px;
　　width: 6px;
　　height: 6px;
　　background: #35C8EA;
　　-webkit-border-radius: 1em;
　　-moz-border-radius: 1em;
　　border-radius: 1em;
}