需求:
Element UI提供的:
Radio单选框组:https://element.eleme.cn/#/zh-CN/component/radio
.radio {
/deep/ .el-radio-group {
height: 20px;
width: 60px;
/deep/ .el-radio {
margin: 0;
height: 20px;
}
}
}
/deep/ .el-radio__inner {
width: 20px;
height: 20px;
background: transparent !important;
box-sizing: border-box;
border: 2px solid #4f9efd;
}
/deep/.el-radio__inner::after {
background: #4f9efd;
width: 10px;
height: 10px;
}
/deep/.el-radio__label {
font-size: 20px;
color: #a0b2d3;
font-weight: bolder;
}
/deep/.el-radio__input.is-checked + .el-radio__label {
color: #4f9efd;
}