选中前radio样式
radio .wx-radio-input{
height: 30rpx;
width: 30rpx;
border: 1px solid #007AFF; 省略
}
选中后按钮样式
radio .wx-radio-input.wx-radio-input-checked{
background: green; 省略
border: 1px solid #FFF; 省略
}
选中之后按钮中对勾样式
radio .wx-radio-input.wx-radio-input-checked::before{
width: 30rpx; /* 选中后对勾大小 省略 /
height: 20rpx; / 选中后对勾大小 省略 */
line-height: 20rpx; 省略
text-align: center; 省略
background: #007AFF;
border-radius: 50%;
}
小程序单选按钮更改大小,颜色等样式
最新推荐文章于 2023-09-04 17:01:02 发布
本文详细介绍了如何为微信小程序中的radio组件定制样式,包括未选中和选中状态的外观,以及选中后对勾的样式调整。通过CSS样式的灵活应用,可以实现更加个性化的设计。
1363

被折叠的 条评论
为什么被折叠?



