label {
	width:20px;
	height:20px;
	border:1px solid #000;
	display:inline-block;
	vertical-align:top
}
input {
	display:none;
}
input:checked+label {
	text-align:center;
	line-height:20px;
	background:red;
	/*这里可以加设计好的对勾图片,以背景的方式加上去  下面的伪类样式就可以不用加了*/
}
input:checked+label::after {
	content:"\2714";
	color:#fff
}
默认的复选框不好看,那就自己定义一个复选框吧