zoukankan      html  css  js  c++  java
  • css美化checkbox radio样式

    /*check,radio*/
    input.check_txt[type='checkbox']{
      display: none;
    }
    
    input.check_txt[type='checkbox'] + label{
      display: block;
      float: left;
      -moz-appearance: none;
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      background: #fff;
      border:2px solid #cecece;
      border-radius: 3px;  cursor:pointer;
    }
    
    input.check_txt[type='checkbox']:checked + label {
        background: #f0f0f0 url(../images/check.png) no-repeat center center;
         background-size:80%;
    
    }

    html:

    <p class="xd-clause-wrap">
            <input type="checkbox" name="" id="clause" value="">
            <label for="clause"></label>&nbsp;&nbsp;我已阅读并同意<a href="javascript:;">《借款服务条款》</a>
        </p>
  • 相关阅读:
    奔溃瞬间1
    面试知识点blog汇总
    贪心
    树 和 图
    DFS 和 BFS
    STL
    哈希表
    手写堆
    并查集
    二项式反演学习笔记
  • 原文地址:https://www.cnblogs.com/juexin/p/5737436.html
Copyright © 2011-2022 走看看