1.自定义el-radio单选框
自定义前：
image
自定义后：
image
附上代码
/deep/.el-radio__inner {
width: 16px !important;
height: 16px !important;/deep/.el-radio__inner {
width: 16px !important;
height: 16px !important;
border: 1px solid #19a9ff !important;
background: none !important;
}
/deep/.el-radio__inner::after {
width: 8px !important;
height: 8px !important;
background: #19a9ff !important;
}
border: 1px solid #19a9ff !important;
background: none !important;
}
/deep/.el-radio__inner::after {
width: 8px !important;
height: 8px !important;
background: #19a9ff !important;
}
2. 自定义el-checkbox复选框
自定义前：
image.png
自定义后：
image.png
附上代码
//外边框的样式
/deep/.el-checkbox__inner {
width: 17px !important;
height: 17px !important;
border: 1px solid #19a9ff !important;
background: none !important;
border-radius: 50% !important;
}
//选中里面的样式
/deep/.el-checkbox__inner::after {
width: 8px !important;
height: 8px !important;
border: 1px solid #19a9ff !important;
background: #19a9ff !important;
border-radius: 50%;
top: 0% !important;
left: 50% !important;
}
//修改定位以及加载动画
/deep/.el-checkbox__input.is-checked .el-checkbox__inner::after{
transform: translate(-46%,25%) rotate(0) scale(1,1) !important;
}
