对于input中checkBox和radio，一般都是使用javascript控制其选中后的样式。在css有了“:checked”伪类选择器后，还能这么玩。

//css
.checkBox-container{
    position: relative;
}
.checkBox-container .checkBox-item{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkBox-container .checkBox-label::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 50%;
}
.checkBox-container .checkBox-item:checked + .checkBox-label::before{
    content: "√";
    background: #0099ff;
    color: #fff;
}
//html
Box-container">
    Box" class="checkBox-item">
    Box-label">