自定义原生多选/单选框样式

效果图：

input{margin-right:6px;width:.16rem;height:.16rem;border:1px solid #ccd5db;background-color:#fff;-webkit-appearance: none;appearance: none;outline: none;}
input[type="checkbox"]{position:relative;border-color:#ccd5db;}
input[type="checkbox"]:checked{color: #fff;background-color:rgba(159,0,0);border: 1px solid rgba(159,0,0);}
input[type="checkbox"]:checked:after {top:-3px;left:1px;content: "\2713";position:absolute;}
input[type=radio]{border-radius: 50%;display: flex;align-items: center;justify-content: center;}
input[type=radio]:checked {background-color:rgba(159,0,0);border: 1px solid rgba(159,0,0);}
input[type=radio]:after {content: " ";width: 8px;height: 8px;background: #fff;border-radius: 50%;}