/*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开关选择器样式
原创
©著作权归作者所有:来自51CTO博客作者彭世瑜的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的css - 好看的开关按钮
用css模拟实现一个好看的开关按钮动效。
css 开关按钮 动效设计 交互设计 ux/ui -
微信小程序--自定义按钮样式(1)
前言Hello!小伙伴! 首
微信小程序 Demo 自定义按钮样式 CSS css -
小程序--表格样式
index.xml<view class="table"> <block wx:for="{{listData}}" wx:key
java oracle 数据库 xml