1、样式展示,是因为使用了-webkit-appearance,这样的参数,所以,我们
设置 -webkit-appearance:none | button | button-bevel ....
具体可以自行搜索-webkit-appearance
2、展示圆形(展示圆形的时候,必须使用-webkit-appearance:none;)
<input id="remember" name='jizhu' type="checkbox" class="jizhu" />
.jizhu:checked {
background:#1673ff
}
.jizhu {
width:20px;
height:20px;
background-color:#fff;
border: 1px solid #dddddd;
-webkit-border-radius:50%;
border-radius:50%;
font-size:0.8rem;
margin:0;
padding:0;
position:relative;
display:inline-block;
vertical-align:top;
cursor:default;
-webkit-appearance:none;
-webkit-user-select:none;
user-select:none;
-webkit-transition:background-color ease 0.1s;