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;
      }
     
  • 相关阅读:
    oracle参数文件(1)
    提高HTML5 canvas性能的几种方法(转)
    基于TouchVG开发的Windows矢量图形编辑器
    使用rapidjson实现了TouchVG的序列化适配器类
    关于用例的几个问题分析
    重温《UML风格》
    API设计准则(转)
    UML初级培训录音内容
    暂定的UML培训大纲
    基于Android平台多个Icon的APk——实现多程序入口总结(转)
  • 原文地址:https://www.cnblogs.com/mei1234/p/11777688.html
Copyright © 2011-2022 走看看