zoukankan      html  css  js  c++  java
  • 小程序checkbox调整大小(checkbox样式修改)

    .skyCheckbox{
      transform: scale(0.7,0.7);
      -webkit-transform: scale(0.7,0.7);
    }
    <label class="checkbox">
              <checkbox class="round red skyCheckbox" bindtap="checkboxChange" checked="{{checkboxValue}}"/>
              <text>同意以上权益条款</text>
    </label>

     其他样式修改      不行的话加!important;

    /*checkbox 整体大小  */
    checkbox {
       240rpx;
      height: 90rpx;
    }
    /*checkbox 选项框大小  */
    checkbox .wx-checkbox-input {
       50rpx;
      height: 50rpx;
    }
    /*checkbox选中后样式  */
    checkbox .wx-checkbox-input.wx-checkbox-input-checked {

      background: #FF6A72 !important;
    
    }
    /*checkbox选中后图标样式  */
    checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
       28rpx;
      height: 28rpx;
      line-height: 28rpx;
      text-align: center;
      font-size: 22rpx;
      color: #fff;
      background: transparent;
      transform: translate(-50%, -50%) scale(1);
      -webkit-transform: translate(-50%, -50%) scale(1);
    }

    那时候我只有一台录音机也没有电脑 也不敢奢求说唱会让自己的生活变好
  • 相关阅读:
    密码加密
    注册视图
    session会话
    验证码功能
    使用Django表单替代html表单
    实现登陆视图功能
    设计登陆需求页面
    配置视图
    配置数据库
    npm 学习
  • 原文地址:https://www.cnblogs.com/520BigBear/p/13529408.html
Copyright © 2011-2022 走看看