[CSS] ios chrome/safari input placeholder 세로정렬

MMT에서도 있었던 이슈인데 외면(...) 했었던 기억이난다. 코인원에서도 같은 이슈가 있어서 해결하게 됐다. 요지는 input의 height와 line-height값을 동일하게 주면 된다!

(좌) 크롬 / (우) 사파리

왼쪽 input이 placeholder 정렬이 중앙에 맞게 된거고,

오른쪽 input이 이슈가 제기된 화면이다.

 

See the Pen placeholder test by zinee (@zineeworld) on CodePen.