核心提示：模拟复选框!DOCTYPE htmlhtmlheadtitle/titlestyle type=text/csslabel {background-color: #fafafa;border: 1px...
模拟复选框
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
label {
background-color: #fafafa;
border: 1px dashed #cacece;
box-shadow: 0 1px 2px silver;
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
}
.regular-checkbox:checked + label:after {
content: url(images/tupian5_01.png);
font-size: 36px;
position: absolute;
top: 0px;
left: 3px;
color: #5056de;
}
.regular-checkbox {
display: none;
}
</style>
</head>
<body>
<input type="checkbox" id="checkbox-1-1" class="regular-checkbox">
<label for="checkbox-1-1"></label>
</body>
</html>
