SOURCE

<label class="self-checkbox">
    <input type="checkbox"/>
    <div class="content"></div>
</label>

.self-checkbox{
    position: relative;
}

.self-checkbox>input[type="checkbox"]{
position: absolute;
opacity: 0;

}

.self-checkbox>input[type="checkbox"]:checked+.content{
    width: 100px;
    height: 100px;
     background-color: black;
}

.content{
      width: 100px;
    height: 100px;
     background-color: red;
}