如何自定义uniapp中switch开关的未选中颜色?-灵析社区

庆广大

在使用uniapp开发APP中,无法设置其自带switch开关未选中时颜色的样式,只能设置选中时的颜色该如何解决? ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/8ae23324c0684e6d41efce79e48e7bc4.png) 项目要求其未选中时背景色是灰色 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/5f46db23a52187638879cb1c7e763514.png) 在微信开发者工具中查看其组件样式调用,搞不明白 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/4c927ec36e63b315d3ae50d2d6356952.png)

阅读量:184

点赞量:0

问AI
//color改变颜色 这里用这个属性改变组件中关闭的颜色,开启的话直接在结构标签中书写即可 /deep/ uni-switch .uni-switch-input:before{ background-color: red; } 官方文档: "https://uniapp.dcloud.net.cn/component/switch.html#switch" (https://link.segmentfault.com/?enc=t3%2BQyN0MHeu7luw%2FQgN2dw%3D%3D.6d1Oc%2Bn27FMGLjoLmHcDZmaJ5PX6Dsa3dRpnq5T%2B7FmNCcWAnmIE3X91z8C%2F9jbCRBsgAv5qMr27C5sGR%2B45Ww%3D%3D) 还不行的话就在APP.vue 增加 在app.vue里加入这段样式 /deep/ uni-switch .uni-switch-input:before{ background-color: #ccc; }