- 当前 Bug 的表现(可附上截图)
radio .wx-radio-input{ height : 52 rpx; width : 52 rpx; margin-top : -8 rpx; border-radius: 50% ; border : 2 rpx solid #0e0409 ; background : #e4f2fd ; } radio .wx-radio-input.wx-radio-input-checked{ border : none ; background : red ; } radio .wx-radio-input.wx-radio-input-checked::before{ border-radius: 50% ; /* 圆角 */ width : 34 rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ height : 34 rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ line-height : 34 rpx; text-align : center ; font-size : 0 rpx; /* 对勾大小 30rpx */ color : #fff ; /* 对勾颜色 白色 */ background : #009cdc ; /* transform:translate(-100%, -100%) scale(1); -webkit-transform:translate(-100%, -100%) scale(1); */ } |
选中状态的背景色设定是红色,单选中时依然是绿色
请问这是为什么啊?
目前不知道为何 但是附上解决方法
radio .wx-radio-input.wx-radio-input-checked{
border:none;
background: red !important;
}