小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述
能否更换switch开关的颜色？
- 希望提供的能力
开是 绿色
关是 红色（现在默认是白色）
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以修改背景颜色和小圆球的颜色，但是小圆球的颜色只能设置一次，坑。。。
/*swtich整体大小及背景色*/
.wx-switch-input{
width: 80rpx !important;
height: 40rpx !important;
background: #0C2648 !important;
border: #0C2648 !important;
}
/*白色样式（false的样式）*/
.wx-switch-input::before{
box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.5);
/* 中间的小圆球 */
/*绿色样式（true的样式）*/
.wx-switch-input::after{
width: 40rpx !important;
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
请仔细阅读文档
有人回答一下？
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以修改背景颜色和小圆球的颜色，但是小圆球的颜色只能设置一次，坑。。。
/*swtich整体大小及背景色*/
.wx-switch-input{
width: 80rpx !important;
height: 40rpx !important;
background: #0C2648 !important;
border: #0C2648 !important;
}
/*白色样式（false的样式）*/
.wx-switch-input::before{
width: 80rpx !important;
height: 40rpx !important;
box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.5);
}
/* 中间的小圆球 */
/*绿色样式（true的样式）*/
.wx-switch-input::after{
width: 40rpx !important;
height: 40rpx !important;
}
请仔细阅读文档
有人回答一下？
https://developers.weixin.qq.com/community/develop/doc/00040280dfc2806feec63c3b350800?highLine=switch%25E9%25A2%259C%25E8%2589%25B2