纯CSS checkbox框样式

不搞那些花里胡哨的，最简单的实现代码

.gcs-checkbox+label {
	background-color: white;
	border-radius: 0px;
	border: 1px solid #d3d3d3;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	line-height: 20px;
}

.gcs-checkbox {
    display: none;
}


.gcs-checkbox+label:hover {
	cursor: pointer;
	border: 1px solid #2783FB;
}


.gcs-checkbox:checked+label:after {
	content: "\2714";
}

 

		<input type="checkbox" id="语文" class="gcs-checkbox">
		<label for="语文"></label>