JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

纯css实现input选中样式切换

2018. 06. 04    

纯Css实现input选中样式切换

style:

div{position:relative;背景是圆圈}
input{visibility: hidden;}
label{top: 0;left: 0;position: absolute;}
.baoxian_ul_left input:checked + label{background: url(点击完要显示的样子图) no-repeat;background-size: contain;}


html:

<div class="baoxian_ul_left">
	<input type="checkbox" class="cbox" checked="checked" id="chkTPL" onclick="calcAutoCashAll()">
	<label for="chkTPL"></label>
</div>

以上