微信小程序复选框改变

最新推荐文章于 2023-09-15 10:11:55 发布

All rivers run in to the sea

最新推荐文章于 2023-09-15 10:11:55 发布

阅读量384

点赞数 1

分类专栏： CSS 小程序文章标签：微信小程序 css3 前端

本文链接：https://blog.csdn.net/qq_43944285/article/details/125386484

版权

CSS 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

小程序

2 篇文章 0 订阅

订阅专栏

checkbox .wx-checkbox-input{
    border-radius: 50%;/* 圆角 */
    width: 46rpx; /* 背景的宽 */
    height: 46rpx; /* 背景的高 */
}
/* 选中后的 背景样式*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked{
    border: 1rpx solid #f3333e;
    background: #f3333e;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
    border-radius: 50%;/* 圆角 */
    width: 40rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
    height: 40rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
    line-height: 40rpx;
    text-align: center;
    font-size:30rpx; /* 对勾大小 30rpx */
    color:#fff; /* 对勾颜色 白色 */
    background: transparent;
    transform:translate(-50%, -50%) scale(1);
    -webkit-transform:translate(-50%, -50%) scale(1);
}