小程序修改默认的单选样式

/*radio未选中时样式 */ 
radio .wx-radio-input {
  width: 30rpx;
  height: 30rpx;
}


/* 选中后的 背景样式 */
radio .wx-radio-input.wx-radio-input-checked {
  border-color: #25A96D!important;
  background-color: #fff!important;
  width: 30rpx;
  height: 30rpx;
}

/* 选中后的 对勾样式  */
radio .wx-radio-input.wx-radio-input-checked::before {
  /* 去除对号 */
  content: ''; 
  width: 24rpx;
  height: 24rpx;
  border-radius: 50%;
  background-color: #25A96D;
}

修改后展示效果

 

来源：https://www.cnblogs.com/duanzhenzhen/p/11834322.html