修改input radio或checkbox默认图标

input[type=radio] {
  appearance: none;
  -moz-appearance: none;
  -ms-progress-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  margin-left: auto;
  width: 36px;
  height: 36px;
  background: url("~@/images/ico_radio.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  border-radius: 50%;
}
input[type=radio]:checked {
  background-image: url("~@/images/ico_radio_on.png");
}

• 效果图：
  

修改input radio或checkbox默认图标

原文：https://www.cnblogs.com/hsuhung/p/14661841.html