Question

149

Placeholder text is not vertically centered in Safari

rated 0 times [ 156] [ 7] / answers: 1 / hits: 45463 / 13 Years ago, fri, february 17, 2012, 12:00:00

Do you have any idea on how to get the placeholder attribute to vertically center in safari?
Though when you start typing, the text is perfectly centred.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tai

Add To Favorites

Follow

Total Points: 466

Total Questions: 87

Total Answers: 116

Location: Saint Helena

Member since Tue, Nov 3, 2020

4 Years ago

answered 13 Years ago magdalena · Accepted Answer

-Safari Solution-

I got stuck on this issue for a long time despite using

input::-webkit-input-placeholder { line-height:normal!important; }

It turns out that having a line-height in the immediate input element was breaking my input::webkit-input-placeholder line-height.

Solution extended:

I removed the line-height in my input style and it fixed my issue.