androidのplaceholderがずれる件

placeholder_bug

ユーザー情報などの入力フォームを作っていてバグが起きてたのでメモ。

入力フォームを作る際にこういう形で実装しました。

↓修正前

iPhoneでは正常に表示されるのですが、Androidでずれるずれる。
placeholder(下記画像の「ログインID、メールアドレスを入力して下さい。」)の位置がどうしてもずれてしまうのである。

【iPhone】
iphone

【Android】

android

色々ググってみたのだけど原因がわからず。
結局、heightとline-heightで縦の中央を取るのではなくpaddingで中央によるようにすることにしました。

↓修正後

んーなぞや。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク

コメント

  1. fukaminmin より:

    テストのコメント