input placeholder文字垂直居中(Mobile & PC)
Html5输入框支持placeholder,但是在定义文本框中定义placeholder存在兼容问题
<input type="text" placeholder="search word" name="p" />
但是在chrome下显示的search word并不能垂直居中。
在stackoverflow上找到了对应的方法。参考地址:http://stackoverflow.com/questions/4919680/html5-placeholder-css-padding-problem
解决方法是:
把line-height设置为normal
CSS定义如下
input{ line-height: normal; /* for non-ie */ line-height: 22px\9; /* for ie */ }
作者:Olar Tan
出处:http://www.cnblogs.com/olartan
♪:没有做不到的 只有偷懒而错过的 ♪