css css风格

Posted 2021-05-13

.checkbox {
	input[type="checkbox"], input[type="radio"] { display: none; }

	label {
		position: relative;
		padding-left: 20px;
		&:before {
			content: '';
			width: 15px; height: 15px;
			border: 1px solid #fff;
			position: absolute;
			top: 0; left: 0;
		}

		&:after {
			content: '';
			width: 10px;
			height: 6px;
			border-left: 2px solid #fff;
			border-bottom: 2px solid #fff;
			position: absolute;
			top: 3px;
			left: 2px;
			@include rotate(-45deg);
		}
	}
}