Как центрировать текст в инпутах на ретине?

Question

[Владислав Чернушевич]

Есть форма и текст центрируется вертикально. Но в сафари на ретине текст располагается на несколько пикселей выше центра
https://yadi.sk/i/nlkiJj6GcpT4n

Вот стили для инпута
input[type=text] {
border: 1px solid #FFF;
outline: none;
background: #FFF;
height: 52px;
width: 352px;
padding: 0px 18px;
font: 400 14px "Geometria-Light", arial, sans-serif;
text-transform: uppercase;
margin-bottom: 14px;
}
Как можно решить эту проблему?

Answer 1

[Алексей Николаев]

Добавить спец. хак именно для ретина-экранов, и подстроить padding-top (увеличить его на N пикселов, это сдвинет текст внутри инпута).

input[type=text] {
padding-top: 6px;
box-sizing: border-box;
}