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;
}
修改前
修改后