CodePen Embed - KEWejN

<div class="checkbox">
        <input type="checkbox" id="handsome"/>
        <label for="handsome">我很帅</label>
    </div>

.checkbox{

}
.checkbox input{
  display: none;
}
.checkbox input + label{
  background:url(https://gitee.com/SCD-Wear/img-bed/raw/master/css/checkbox1.png) left center no-repeat;
  background-size:20px 20px;
  padding-left:20px;
}
.checkbox input:checked + label{
  background-image:url(https://gitee.com/SCD-Wear/img-bed/raw/master/css/checkbox2.png);
}

This Pen is owned by jigang.duan on CodePen.

See more by @jigang-duan on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.