小程序switch样式修改

栗子i维C

于 2020-10-24 11:09:45 发布

阅读量536

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/Alisa_vc/article/details/109256301

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

2 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.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;}