layui修改单选框样式

layui修改单选框样式

/*修改单选框样式*/
.layui-form-radioed i {
    width: 20px;/*保证添加样式后可点击范围不变  与改前宽度一致*/
    color: rgba(0,0,0,0);/*隐藏原样式*/
}
/*修改后的样式  可替换其他样式 本例使用了layui的icon代码  也可用background-image等其它样式修改*/
.layui-form-radioed i.layui-anim.layui-icon:before {
    content: '\e605';
    font-size: 14px;
    font-weight: bold;
    background-color: #c9ecdd;
    border-radius: 16px;
    border: solid 1px #45a97f;
    padding: 2px;
    color: #45a97f;
}

修改前

修改后