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;}
radio大小修改:
radio{ transform:scale(.8) }
checkbox样式修改:
如果只是修改大小,跟radio一样,使用transform:scale()就行了,如果想改变形状可以如下:(数值可自行设置)
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;
}
原生: 改变后: