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 */  
}