input placeholder line-height issue

Question

What is the issue?

There is a input box with height 36px as show in above image. In IE10 placeholder is not vertically middle.

Answer 1

For all inputs just give

line-height:normal;

it will take normal line-height and will work fine in all browsers.

Answer 2

I usually set a height and line-height to the input[type=text] and inherit these properties to ::placeholder.

height: inherit;
line-height: inherit;