为radio类型的input标签添加类名aui-radio,如下
然后引入下边css样式即可。
/* 单选、多选、开关 */
.aui-radio,
.aui-checkbox {
width: 12px;
height: 12px;
border: 2px solid #4C8FEC;
margin: 4px 6px 1px 4px !important;
-webkit-border-radius: 0.6rem;
border-radius: 0.6rem;
font-size: 0.8rem;
margin: 0;
padding: 0;
position: relative;
display: inline-block;
vertical-align: top;
cursor: default;
-webkit-appearance: none;
-webkit-user-select: none;
user-select: none;
-webkit-transition: background-color ease 0.1s;
transition: background-color ease 0.1s;
}
.aui-checkbox {
border-radius: 0.1rem;
}
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.au