微信小程序收音机的样式修改

效果图

代码

超文本标记语言部分

radio-group bind change=' radio change ' name=' sex ' label class=' wx : for=' { { sex } } ' wx : key=' { { item。value } } ' style=' margin-right :40 rpx；'单选值=“{ { item . value } }”选中=' true '/{ { item。文本} }/标签/单选按钮组CSS部分

无线电wx-无线电输入。wx-radio-input-checked { border-color : # cc 0000；背景# cc0000}收音机wx-收音机-输入{ height: 35rpx宽度： 35rpx页边距-顶部：-4rpx；边界半径： 50%;border: 2rpx固体# 999;背景：透明；}收音机wx-无线电输入。wx-radio-input-在{ border-radius : 50%之前选中：/* 圆角*/width : 35rpx；/* 选中后对勾大小，不要超过背景的尺寸*/高： 35 rpx/* 选中后对勾大小，不要超过背景的尺寸*/行高： 35 rpx文本对齐：中心；font-size : 28 rpx/* 对勾大小30 rpx */color : # fff；/* 对勾颜色白色*/后台： # cc 0000transform: translate(-50%，-50%)比例尺(1);-WebKit-transform : translate(-50%，-50%)比例(1);}js部分

页面({ data : { sex : ]{ text : '男，value:1}，{text: '女，value:2}，] }})