微信小程序改变radio 改变大小一以及隐藏选中按钮 改变选中的背景色

<view class='warp'>
  <view class='title'>xxxxxxxx</view>
  <view class='warpRadio'>
      <!-- color='transparent'选中无色 -->
    <radio value=''checked="checked" color='transparent' >A.bbmnlfklk</radio>

  </view>
  <view class='warpRadio'>  
    <radio value checked="checked"  color='transparent'>B.bbmnlfklk</radio>

  </view>

</view>

.warp{
  width: 500rpx;
  height: 230rpx;
  border: 1rpx solid #000;
  margin: 30rpx auto;
  border-radius: 10rpx;
}
.title{
  width: 300rpx;
  height: 40rpx;
 
  margin: auto;
  text-align: center;
}
radio .wx-radio-input{
  /*设置radio大小*/
  width: 25rpx;
  height: 25rpx;
  border: none;/*边框无展现*/
  /* border:1rpx solid #000;  */
 
}
.warpRadio{
  width: 300rpx;
  height: 50rpx;
  background-color: #539ad9;
  font-size: 30rpx;
  margin: 30rpx auto;
  text-align: center;
  line-height: 46rpx;
  color: #fff;
}
 radio .wx-radio-input.wx-radio-input-checked::before{
  color: transparent;
  background-color: transparent;/*使背景色无展现*/
   border-radius: 50%;/* 圆角 */
   width: 40rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
   height: 40rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
   line-height: 40rpx;
   text-align: center;
   font-size:30rpx; /* 对勾大小 30rpx */
 
  /* color: blue; */
   /* background-color: transparent; */
   /* background-color: blue;
   border: 1px solid #000;*/
   transform:translate(-50%, -50%) scale(1);
   -webkit-transform:translate(-50%, -50%) scale(1);
}