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

      

     

  • 相关阅读:
    逆波兰表达式解数学运算(c#)
    杂文
    WebDriverExtensionsByC#
    cookie使用
    Discuz
    重构中学习
    生活知识
    js和 jquery对象
    jquery中is的用法
    html下select追加元素,IE下错误
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/15465808.html
Copyright © 2011-2022 走看看