CSS修改禁用并选中的复选框颜色

input[type="checkbox"] {
	 width: 12px;
	 height: 12px;
	 display: inline-block;
	 text-align: center;
	 vertical-align: middle;
	 line-height: 12px;
	 position: relative;
 }
 
 input[type="checkbox"]::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 background: #fff;
	 width: 100%;
	 height: 100%;
	 border: 1px solid #CACDCF
}
 
input[type="checkbox"]:checked::before {
	content: "\2713";
	background-color: #2196F3;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 1px solid #2196F3;
	font-size: 12px;
	font-weight: bold;
}