微信小程序 switch 樣式

/*swtich整體大小及背景色*/
.wx-switch-input{
  width:80rpx !important;
  height:35rpx !important;
  background: #ccc !important;
  border: #ccc !important;
}
/*白色樣式（false的樣式）*/
.wx-switch-input::before{
  width:80rpx !important;
  height: 35rpx !important;
}
/* 中間的小圓球 */
/*綠色樣式（true的樣式）*/
.wx-switch-input::after{
  width: 40rpx !important;
  height: 35rpx !important;
}

更改前

更改后