Input placeholder文字垂直中央(Mobile&PC)
1459 ワード
Html 5入力ボックスはplaceholderをサポートしますが、定義テキストボックスでplaceholderを定義するには互換性の問題があります.
しかしchromeの下に表示されるsearch wordは垂直に中央に位置することはできません.
stackoverflowで対応する方法を見つけた.参照先:http://stackoverflow.com/questions/4919680/html5-placeholder-css-padding-problem
解決策は次のとおりです.
line-heightをnormalに設定
CSS定義は以下の通り
<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 */
}