微信小程序更改switch的大小及颜色

微信小程序更改switch的大小及颜色_第1张图片

/swtich整体大小及背景色/
.wx-switch-input {
width: 100rpx !important;
height: 56rpx !important;
background: #50d2c2 !important;
border: #50d2c2 !important;
box-sizing: border-box;
}
/白色样式(false的样式)/
.wx-switch-input::before {
width: 100rpx !important;
height: 56rpx !important;
}
/绿色样式(true的样式)/
.wx-switch-input::after {
width: 65rpx !important;
height: 56rpx !important;
}

更改后
在这里插入图片描述

你可能感兴趣的:(微信小程序)