Safariだとinputタグにline-heightをつけるとplaceholderの位置がずれる

Safariでinputタグにline-heightをつけるとplaceholderの位置がずれる。line-heightをつけないとIEの場合、現在最新のIE9でもplaceholderが使用できないため代用としてinputタグにvalue値を入れる場合があるのだが、このときheight:30pxなどが付いている場合、line-height:30pxがついていないと位置が上にずれてしまうので注意が必要。

※Safari 5のバグなのでSafari 6以上であれば発生しないです。

Safariだとinputタグにline-heightをつけるとplaceholderの位置がずれるサンプル

カテゴリーcss