반응형
MMT에서도 있었던 이슈인데 외면(...) 했었던 기억이난다. 코인원에서도 같은 이슈가 있어서 해결하게 됐다. 요지는 input의 height와 line-height값을 동일하게 주면 된다!
(좌) 크롬 / (우) 사파리
왼쪽 input이 placeholder 정렬이 중앙에 맞게 된거고,
오른쪽 input이 이슈가 제기된 화면이다.
See the Pen placeholder test by zinee (@zineeworld) on CodePen.
반응형
'개발일지 > CSS' 카테고리의 다른 글
[CSS] pure css loarder (0) | 2018.12.19 |
---|---|
[CSS] iOS tr box-shadow inset is not working (0) | 2018.12.19 |
[CSS] 카카오톡 이모티콘샵 좋아요 인터랙션 (0) | 2018.06.11 |
[CSS] safari calc (%-px) in table-cell is not working (0) | 2018.04.04 |
[CSS] ':first-of-type', ':nth-of-type()' not working (0) | 2018.03.07 |