Input placeholder文字垂直中央(Mobile&PC)


Html 5入力ボックスは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 */  

}