微信小程序中如何改变radio的样式

/*radio未选中时样式 */
radio .wx-radio-input{
width: 44rpx;
height: 44rpx;
border: 2rpx solid #969696;
box-sizing: border-box;
margin-right: 18rpx;
}

/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */
直接给radio标签添加color属性

/* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) /
radio .wx-radio-input.wx-radio-input-checked::before {
/
去除对号 */
content: ‘’;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background-color: #46a0f0;
}

猜你喜欢

转载自blog.csdn.net/weixin_44738158/article/details/123260720
今日推荐