修改方案一：

參考：https://blog.csdn.net/littlebeargreat/article/details/79130305

/*swtich整體大小*/
.wx-switch-input{
width:82rpx !important;
height:40rpx !important;
}
/*白色樣式（false的樣式）*/
.wx-switch-input::before{
width:80rpx !important;
height: 36rpx !important;
}
/*綠色樣式（true的樣式）*/
.wx-switch-input::after{
width: 40rpx !important;
height: 36rpx !important;
}
修改成功，如果要完全調整和Ui圖一樣比較難控制，類似這樣：開關打開，白色部分超出顯示，各種問題

修改方案二：

用zoom屬性修改 ，zoom的值越大，switch越大 ? 1是原大小，1-0.1成倍縮小? ? 1-... ? 成倍放大 ? ?可以自己試試，找個適合的尺寸

switch_default_address {

zoom: .4;

}

兼容性參考：http://www.css88.com/book/css/properties/user-interface/zoom.htm

總結

以上是生活随笔為你收集整理的微信小程序switch样式调整的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。