通用css 常用

复选框自定义样式
input[type="checkbox"] {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #fff;
  border: 0.05rem solid #CCC !important;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}

input[type="checkbox"]:checked:after {
  content: ‘‘;
  position: absolute;
  left: 0.1rem;
  top: 0.14rem;
  width: 0.4rem;
  height: 0.2rem;
  border-left: 0.065rem solid #fff;
  border-bottom: 0.065rem solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
------------------------------------------------------------------------------------