iOS・Safari・Androidブラウザでplaceholderの位置がずれる件

事象

chromeやIEでは、「半角数字3桁」と書かれているplaceholderは
ちゃんと真ん中に位置しているのに、、

safariとiOS・Androidブラウザで見ると・・・

ん・・・、　真ん中より上になってる。。。。

##　解決方法

簡単です。一行で解決できます。

input::-webkit-input-placeholder { padding-top: 0.2em; }

注意しないといけないのは、
padding-topの値をSafari/iOSとAndroidブラウザをみながら
調整をしなければならないことです。

Safari/iOSが真ん中になっても、
Androidブラウザではずれていることがあるので、
細かく調整してみてください。