修改小程序单选框默认样式默认

/*radio未选中时样式 */
radio .wx-radio-input{
width: 25rpx;
height: 25rpx;
}


// 以下代码并未使用
/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ radio .wx-radio-input.wx-radio-input-checked { background: #0394F0 !important; border-color:#0394F0 !important; } /* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */ radio .wx-radio-input.wx-radio-input-checked::before { width: 18rpx; height: 18rpx; line-height: 18rpx; text-align: center; font-size: 22rpx; color: #fff; background: transparent; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); }

 

 

posted @ 2022-07-07 16:46  我是木木呀  阅读(151)  评论(0编辑  收藏  举报