css画checkbox

画个长这样的checkbox

只显示相邻两边的border，然后旋转45度。

.checked-container {
	width: 16px;
	height: 16px;
	background-color: #cc0000;

	display: flex;
	justify-content: center;
	border-radius: 2px;

}
.checked-icon {
	width: 7px;
	height: 3px;
	margin-top: 4.5px;
	border-bottom: solid 1.5px #FFFFFF;
	border-left: solid 1.5px #FFFFFF;

	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

写完啦，(*^▽^*)