Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
body {
	font-family:"Microsoft Yahei";
	background:#cccccc;
}
/*--input框样式--*/
.wrap {
	width:260px;
	background:#ffffff;
	margin:50px auto;
	padding:30px 20px;
}
.inputAll {
	margin-top:25px;
	width:100%;
}
.inputAll:first-child {
	margin-top:0;
}
.inputAll input {
	width:100%;
	height:45px;
	line-height:45px;
	padding-left:5%;
	border:1px solid #319a51;
	color:#292830;
	font-size:14px;
	out-line:none;
}
/*--因为password输入框设置value之后还是显示不可见的点,所以这块需要做个"假的password"来让用户通过直观来看到提示--*/
.passwordAll {
	position:relative;
}
.topPw {
	position:absolute;
}

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

input框提示兼容ie8以及密码框的提示文字

0