微信小程序修改switch的的样式 及 修改placeholder的样式

修改 switch 的的样式
在这里插入图片描述
在这里插入图片描述
微信小程序修改switch的的样式 及 修改placeholder的样式_第1张图片

// 开始的样式
    .wx-switch-input {
        width: 100rpx !important;
        height: 56rpx !important;
        background: #F53B47 !important;
        border: #F53B47 !important;
        box-sizing: border-box;
    }
    // false的样式
    .wx-switch-input::before {
        width: 100rpx !important;
        height: 56rpx !important;
        border: 1rpx solid #ededed;
    }
    // true的样式
    .wx-switch-input::after {
        width: 65rpx !important;
        height: 56rpx !important;
    }

修改 placeholder 的颜色(placeholder-style=“color:#B3B3B3”)
在这里插入图片描述

你可能感兴趣的:(笔记)