技術標籤：csscsslayui

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;
}

修改前

修改後