浏览器的input框修改里面的样式处理方法，选中后样式完美适配解决问题

input  type=checkbox进行去全局处理

最关键思路就是  使用background:#fff url('./xuanzhong.png') no-repeat;

重点：图片的背景处理，自己做一个背景图片，直接放到路径那里直接显示出来，你想要什么形状都可以

<style>
		input[type=checkbox]:checked::after {
			content: "";
			position: absolute;
			width: 16px;
			height: 16px;
			background-size: contain!important;
			/* background-repeat:no-repeat; */
			 /* background-size:100% 100%;-moz-background-size:100% 100%; */
			background:#fff url('./xuanzhong.png') no-repeat;
			/* background-color:; */
			font-family:"Microsoft YaHei ";
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			text-align: center;
			border-radius: 2px;
			line-height: 16px;
			color: #fff;
			-webkit-transition: all ease-in-out 200ms;
			-moz-transition: all ease-in-out 200ms;
			transition: all ease-in-out 200ms;
	}
	</style>

我做了一个这样的的很简单，不行叫UI做一个 也很快

效果图