CSS设置复选框check样式

思路:

1.label绑定复选框,选择label时则复选框被选中

2.隐藏原来的复选框,利用:after或:before伪样式在label前或后添加一个空白字符,设置宽高和圆角

3.点击label或圆角时设置圆角颜色,因为三者是一起的,所以三者一起变化





	
	
	



	

CSS设置复选框check样式_第1张图片




	
		
		
		
	

	
		这是第一个复选框
		这是第二个复选框
		这是第三个复选框
		这是第四个复选框
	

 



	
		
		
		
	

	
		
		
		
		
	

 

你可能感兴趣的:(css)