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);
    }

    那时候我只有一台录音机也没有电脑 也不敢奢求说唱会让自己的生活变好
  • 相关阅读:
    表单全选,不选和反选
    利用js改变宽,高等属性
    点击显示与隐藏
    改变div的不同属性
    给三个不同的div变色
    经典排序算法实现
    基本排序算法的实现
    排序的概念及分类实现
    #和##运算符实例
    #pragma预处理实例
  • 原文地址:https://www.cnblogs.com/520BigBear/p/13529408.html
Copyright © 2011-2022 走看看