Styling Checkboxes

by Ben Clayton

HTML

<input type=checkbox class="myinvalid" />

CSS

.myinvalid::before {
	content:" ";
	width:12px;
	height:100%;
	background-color:rgba(255,0,0,0.50);
	display:inline-block;
	border:1px solid gray;
	border-radius:2px;
	z-index:-1;
}