placeholder靠右垂直居中位置兼容
1.input输⼊框⽂字靠右垂直居中。
2.placehoder提⽰同样靠右垂直居中。( placeholder是HTML5  input的新属性，英⽂意思是占位符，它⼀般表⽰input输⼊框的默认提⽰值。) css代码
input {
text-align: right;
font-size:0.3rem;
width:100%;
height:0.78rem;
line-height:0.78rem;
}
input标签placeholder属性
浏览器渲染各种正常，然后在低版本（⽐如某三星的4.3）Android webview 渲染的时候，placeholder 跑偏了.....位于左上⾓，并且只是placeholder，输⼊的时候正常居右垂直居中。
纯css解决⽅案
第⼀步：实现placehoder垂直居中
css代码
input {
text-align: right;
font-size:0.3rem;
width:100%;
height:0.78rem;
padding:0.24rem 0;  //⽤padding实现居中⽽不是line-hieght
line-height:0.3rem;
box-sizing: border-box;
}
第⼆步：使⽤direction实现placehoder把⽂本⽅向设置为“从右向左”：
input::-webkit-input-placeholder { /* WebKit browsers */ direction: rtl;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ direction: rtl;}
input::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */ direction: rtl;} input:-ms-input-placeholder { /* Internet Explorer 10+ */ direction: rtl;}
语法
E::placeholder{ sRules }
相关参考

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。