修改小程序内置checkbox样式
/* 修改复选框默认样式 */ checkbox .wx-checkbox-input { width: 40rpx; height: 40rpx; /* border: 4rpx solid #999; */ border-radius: 100%; } /*复选框外框选中样式*/ checkbox .wx-checkbox-input.wx-checkbox-input-checked { border-color: #3cbcee; } /*复选框选中后内部样式*/ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { width: 50%; height: 50%; background: #3cbcee; border-radius: 100%; content: ''; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步