checked改变样式

input[type=“checkbox”] {
appearance: none;
-webkit-appearance: none;
outline: none;
display: none;
vertical-align:middle;
}
input[type=“checkbox”] + i{
display: inline-block;
width: 0.14rem;
height:0.14rem;
background: url(’…/img/coff.png’) no-repeat center bottom ;
background-size: 100%;
vertical-align:middle;
}
input[type=“checkbox”]:checked + i{
background: url(’…/img/cright.png’) no-repeat center center;
background-size: 100%;
vertical-align:middle;
}