您的位置:首页 - 文章 - 默认 - 正文

小程序更改checkbox和radio默认样式

1、checkbox
checkbox .wx-checkbox-input{ border-radius:50%; width:20px;height:20px;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked{ border-color:#F0302F !important; background:#F0302F !important;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{ border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center; font-size:15px; color:#fff; background:transparent; transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1);
}
2、radio
radio .wx-radio-input{ border-radius:50%; width:20px;height:20px;
}
radio .wx-radio-input.wx-radio-input-checked{ border-color:#F0302F !important; background:#F0302F !important;
}
radio .wx-radio-input.wx-radio-input-checked::before{ border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center; font-size:15px; color:#fff; background:transparent; transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1);
}

 

本文原创,作者:西决,其版权均为品创网络所有。如需转载,请注明出处:https://www.sxpcwlkj.com/%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%9b%b4%e6%94%b9checkbox%e5%92%8cradio%e9%bb%98%e8%ae%a4%e6%a0%b7%e5%bc%8f/

发表评论