组件样式问题

switch开关选择器

改变大小

第一种 
.wx-switch-input{width:42px !important;height:20px !important;}  //开关选择器
.wx-switch-input::before{width:41px !important;height: 20px !important;}   
.wx-switch-input::after{width: 18px !important;height: 18px !important;}  //中间小圆球

.mist-checkbox-switch{  //选择时
  position: relative;
  line-height: 48rpx;
}

第二种　　switch{zoom: .6;}

改颜色

<switch bindchange="switchChange" color="#80b1fc"/>

 radio大小修改：

radio{ transform:scale(.8)  }

checkbox样式修改：

checkbox .wx-checkbox-input{
    border-radius: 11px;
    height: 20px;
    width: 20px;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    height: 28.5px;
    width: 28px;
    background-color: #1EC47C;
    color:white;
    margin-top: -1rpx;
}