选中前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%;
}
小程序单选按钮更改大小,颜色等样式
最新推荐文章于 2024-05-31 10:26:34 发布