<!DOCTYPE html>
<html>
<head>
<style>
#check .input_check {position: absolute;width: 20px;height: 20px;visibility: hidden;background: #E92333;}
#check span {position: relative;}
#check .input_check+label {
display: inline-block;
width: 20px;
height: 20px;
background: url('http://192.168.10.104:8899/market-open/images/icon-check.png') no-repeat;
background-position: -40px -3px;
border: 1px solid skyblue;}
#check .input_check:checked+label {background-position: 0px 0px;}
</style>
</head>
<body>
<div id="check">
<span><input type="checkbox"class="input_check" id="check1"><label for="check1"></label></span>
<span><input type="checkbox"class="input_check" id="check2"><label for="check2"></label></span>
</div>
</body>
</html>
网友评论