Html
    Css
    Js

    
                        
.box {
	display:block;
	width:320px;
	margin:auto;
	padding:10px 20px;
	text-align:center;
}
.box p {
	color:#999999;
	text-align:center;
}
.inp-text {
	display:block;
	width:100%;
	height:50px;
	margin:15px auto;
	padding:0 15px;
	border:1px solid #ddd;
	outline:none;
	border-radius:10px;
}
.inp-pas {
	display:block;
	width:100%;
	height:50px;
	margin:15px auto;
	padding:0 15px;
	border:1px solid #ddd;
	outline:none;
	border-radius:10px;
}
.btn {
	display:block;
	width:100%;
	height:50px;
	margin:15px auto;
	color:#ffffff;
	border:none;
	border-radius:10px;
	outline:none;
	background-color:#449d44;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

苹果手机点击表单后失去焦点BUG解决方案

苹果手机调出系统键盘输入后,导致按钮,表单焦点上移或者错位,将整个页面加一些外边距或者内边距都可解决此bug

0