使用label改变复选框按钮样式纯css

关于checked按钮自定义样式—使用label
一般有两种方法
1.设置背景图片

	
		
		
		
	

	
		

			点我
		
	

2.`

	
	
	


	

		
		
		选项一
		
		
		选项二
	

`

*选中状状态下邻近的的显示，此时显示为按钮外面的绿色圆圈边界,而“.option-radio:checked+label:after{...}”表示就是选中状态下的伪元素after显示为按钮内部的绿色小圆形的显示。*/
		/*的css position属性设置为“position: relative;”，而其对应的伪元素after的css position属性设置为“position: absolute;”。圆圈和圆饼的显示都是采用的是设置CSS的border 和border-radius属性。*/