备案控制台
开发者社区 彭世瑜的博客 文章 正文

微信小程序：switch开关选择器样式

2022-09-14 758
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 微信小程序：switch开关选择器样式 
/*swtich整体大小及背景色*/
.wx-switch-input{
  width:80rpx !important;
  height:35rpx !important;
  background: #ccc !important;
  border: #ccc !important;
}
/*白色样式（false的样式）*/
.wx-switch-input::before{
  width:80rpx !important;
  height: 35rpx !important;
}
/* 中间的小圆球 */
/*绿色样式（true的样式）*/
.wx-switch-input::after{
  width: 40rpx !important;
  height: 35rpx !important;
}
文章标签：
小程序
关键词：
微信样式
微信小程序样式
微信小程序选择器
微信小程序开关
微信小程序switch
码农技术君
目录
相关文章
xiaohua616
|
2月前
|
小程序 前端开发 Android开发
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
xiaohua616
57 1
我是夜阑的狗
|
2月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 -- 创建与引用 &样式（三十二）
【微信小程序】-- 自定义组件 -- 创建与引用 &样式（三十二）
我是夜阑的狗
76 0
我是夜阑的狗
|
2月前
|
小程序
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式（十四）
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式（十四）
我是夜阑的狗
74 0
我是夜阑的狗
|
2月前
|
小程序 前端开发 开发者
【微信小程序】-- WXSS 模板样式- rpx & import （十三）
【微信小程序】-- WXSS 模板样式- rpx & import （十三）
我是夜阑的狗
40 0
前端技术栈
|
2月前
|
小程序 前端开发 Android开发
解决小程序中textarea ios端样式不兼容的两种方法
解决小程序中textarea ios端样式不兼容的两种方法
前端技术栈
123 0
卡尔特斯
|
2月前
|
小程序
小程序封装组件简单案例，所有小程序适用（传入参数、外抛事件、传入样式）
小程序封装组件简单案例，所有小程序适用（传入参数、外抛事件、传入样式）
卡尔特斯
68 0
糖^O^
|
7月前
|
JSON 小程序 前端开发
【微信小程序】WXML的模板语法与WXSS模板样式（二）
【微信小程序】WXML的模板语法与WXSS模板样式
糖^O^
68 0
糖^O^
|
7月前
|
小程序 JavaScript 容器
【微信小程序】WXML的模板语法与WXSS模板样式（一）
【微信小程序】WXML的模板语法与WXSS模板样式
糖^O^
53 0
小蜗牛耶
|
23小时前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的广西文化传承小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的广西文化传承小程序的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
15 3
小蜗牛耶
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物咖小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物咖小程序的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
4 0