微信小程序switch开关样式调整

下面的代码复制粘贴进wxss中就管用,不用往wxml中加任何选择器

 
  
/*swtich样式-start*/
/*swtich整体大小*/
.wx-switch-input{
width: 82 rpx !important;
height: 40 rpx !important;
}
/*白色样式(false的样式)*/
.wx-switch-input::before{
width: 80 rpx !important;
height: 36 rpx !important;
}
/*绿色样式(true的样式)*/
.wx-switch-input::after{
width: 40 rpx !important;
height: 36 rpx !important;
}
/*swtich样式end*/
里面的数据可以根据自己想要的大小来修改

你可能感兴趣的:(前端笔记)