小程序switch样式修改

原创于 2020-10-24 11:09:45 发布 · 553 阅读

·

0

·

0 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

2 篇文章

订阅专栏

这段CSS代码定义了微信小程序中开关组件（wx-switch）的样式，包括白色和绿色两种状态，详细设置了不同状态下输入框的宽高。适用于前端UI定制。

.wx-switch-input{width:75rpx !important;height:38rpx !important;}
/*白色样式（false的样式）*/
.wx-switch-input::before{width:72rpx !important;height: 34rpx !important;}
/*绿色样式（true的样式）*/
.wx-switch-input::after{width: 35rpx !important;height: 34rpx !important;}