zoukankan      html  css  js  c++  java
  • 更改微信小程序的组件默认样式

    • checkbox   

      /*checkbox 整体大小  */
      .checkbox {
           12%;
          /* height: 240rpx; */
      }
      /*checkbox 选项框大小  */
      checkbox .wx-checkbox-input {
           36rpx;
          height: 36rpx;
          border-radius: 50%;
      }
      /*checkbox选中后样式  */
      checkbox .wx-checkbox-input.wx-checkbox-input-checked {
          border: none;
          background: #FF8383;
      }
      /*checkbox选中后图标样式  */
      checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
           30rpx;
          height: 30rpx;
          line-height: 30rpx;
          text-align: center;
          font-size: 22rpx;
          color: #fff;
          background: transparent;
          transform: translate(-50%, -50%) scale(1);
          -webkit-transform: translate(-50%, -50%) scale(1);
      }
    • button

      /* button 重置样式 */
      button {
          padding: 0;
          background: none;
          border-radius: 0;
      }
      button::after {
          border: none;
      }
      /** 按钮的默认样式:必须“提升指定样式规则的应用优先权(!important)。” **/
      button[disabled] {
          color: #fff !important;
          background: linear-gradient(-12deg, rgba(47, 30, 136, .3) 0%, rgba(205, 3, 128, 0.3) 100%) !important;
      }
     
  • 相关阅读:
    20180710
    20180709
    20180706
    20180705
    20180704
    python3.x 函数的参数
    python函数返回值
    Centos7下命令笔记-ls
    CentOS系统内核、操作系统位数以及系统参数查看
    CentOS7 配置光盘iso镜像为本地yum源
  • 原文地址:https://www.cnblogs.com/mei1234/p/11777688.html
Copyright © 2011-2022 走看看