原生input样式修改

            <div class="tip">
				<input  type="checkbox" >
				*登录代表您同意<span>《xx用户协议》</span>
			</div>

未修改之前                                          修改后

        input[type="checkbox"]{
			width: 0.75rem;
			height: 0.75rem;
			border: none;
			background: none;
			position: relative;
		}
		input[type="checkbox"]::before{
			content: "";
			position: absolute;
			top:50%;left:40%;
			transform: translate(-50%,-50%);
			background: #fff;
			width: 0.75rem;
			height: 0.75rem;
			border: 1px solid #727171;
			border-radius: 50%;
		}
		input[type="checkbox"]:checked::before{
			content: "\2713";
			background-color: #fff;
			position: absolute;
			top:50%;left:50%;
			transform: translate(-50%,-50%);
			background: #fff;
			width: 0.75rem;
			height: 0.75rem;
			border: 1px solid #727171;
			border-radius: 50%;
			color:#727171;
			font-size: 0.07rem;
			font-weight: bold;
			text-align: center;
			line-height: 0.75rem;
		}