zoukankan      html  css  js  c++  java
  • 小程序-修改radio及checkbox的选中背景色

    一:将默认多选框checkbox的默认选中背景红色改为绿色

    checkbox .wx-checkbox-input{
    
      border-radius:50%;
    
      20px;height:20px;
    
    }
    checkbox .wx-checkbox-input.wx-checkbox-input-checked{
    
      border-color:#07c160 !important;
    
      background:#07c160 !important;
    
    }
    checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
    
      border-radius:50%;
    
      20px;
    
      height:20px;
    
      line-height:20px;
    
      text-align:center;
    
      font-size:15px;
    
      color:#fff;
    
      background:transparent;
    
      transform:translate(-50%, -50%) scale(1);
    
      -webkit-transform:translate(-50%, -50%) scale(1);
    
    }
    

      

    二:将radio默认选中的红色改为绿色

    radio .wx-radio-input{
    
      border-radius:50%;
    
      20px;

    height:20px; } radio .wx-radio-input.wx-radio-input-checked{ border-color:#07c160 !important; background:#07c160 !important; } radio .wx-radio-input.wx-radio-input-checked::before{ border-radius:50%; 20px; height:20px; line-height:20px; text-align:center; font-size:15px; color:#fff; background:transparent; transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); }

      

     

  • 相关阅读:
    DSP 知识点
    JVM中的垃圾收集
    MyBatis中的命名空间namespace的作用
    Gradle各版本下载地址
    redis学习笔记
    Mybaties 的缓存
    zookeeper配置集群报错Mode: standalone
    ZooKeeper 典型应用场景
    Linux下搭建mongDB环境
    关系型数据库三范式
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/15465808.html
Copyright © 2011-2022 走看看