自定义样式的checkbox, radio

Posted 2020-07-26 清风叶

<div class="checkbox">

　　<label>

　　　　<input type="checkbox"/>

　　　　选择框

　　</label>

</div>

 

.checkbox {

　　position: relative;

　　cursor: pointer;

}

.checkbox input {

　　opacity: 0;

}

.checkbox:before {

　　content: "";

　　display: block;

　　position: absolute;

　　width: 20px;

　　height: 100%;

　　background: url(xxx);

}