微信小程序radio已定义样式

微信小程序radio已定义样式

radio大小 弧度
  radio{
      margin-top: 25rpx;
    border-radius: 50%;
    width: 48rpx; 
    height: 48rpx;
    line-height: 48rpx;
    font-size: 0;/* 让边框重合 */
  }
  radio大小边框
  radio .wx-radio-input{
     border-radius: 50%;
     width: 48rpx;
     height: 48rpx; 
     border: none;/* 替换边框（隐藏原有边框） */
     background-color: #3B3C45;
     border: 2rpx solid #666;/* 设置边框（外圆） */
  }
  选中后的样式修改
  radio .wx-radio-input.wx-radio-input-checked{
    width: 48rpx; 
    height: 48rpx;
    line-height: 48rpx;
    background-color: #FFBF52;
    border: none;
 }
 再复选的时候可以用
 checkbox .wx-checkbox-input.wx-checkbox-input-checked{
	background: red
}

效果图