/*swtich整体大小*/
.wx-switch-input {
width: 96px !important;
height: 56px !important;
border-color: #eee;
}
/*白色样式(false的样式)*/
.wx-switch-input::before {
width: 92px !important;
height: 52px !important;
background-color: #eee !important;
border-color: #eee !important;
}
/*绿色样式(true的样式)*/
.wx-switch-input::after {
width: 52px !important;
height: 52px !important;
}
.wx-switch-input:checked:after,
.wx-switch-input-checked::after {
transform: translateX(40px) !important;
}
记录:微信小程序Switch样式调整
最新推荐文章于 2023-02-14 13:57:10 发布