微信小程序 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;
}

更改前
微信小程序 switch 样式

更改后
微信小程序 switch 样式

微信小程序 switch 样式

上一篇:小程序 第二种方法 wxml里设置跳转的地址


下一篇:微信小程序 - 实现页面跳转,跳转到指定锚点位置