自定义复选框check-box

如图：，        

 

  <div class="check-box">

    <label>

      <input class="ipt" type="checkbox">

      <div class="check"></div>

    </label>

  </div>

    div.check-box {
      width: 96px;
      border: 1px solid red;
      margin: 50px auto;
    }

    input {
      display: none;
    }

    div.check {
      width: 96px;
      height: 96px;
    }

    input.ipt:checked+div.check {
      background: url(check.png) center center;
      background-size: 96px 96px;
    }