input placeholder line-height issue

html css internet-explorer-10 placeholder
Tushar picture Tushar · Dec 16, 2013 · Viewed 19.6k times · Source

enter image description here

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

Amin charoliya picture Amin charoliya · Dec 19, 2014

For all inputs just give

line-height:normal;

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

Related questions

How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?

How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code? I tried this, but it doesn't work: <!--[if IE 10]> <html class="no-js ie10" lang="en"> <![…

Read More
How can I prevent the scrollbar overlaying content in IE10?

In IE10, the scrollbar is not always there... and when it appears it comes on as an overlay... It's a cool feature but I would like to turn it off for my specific website as it is a full screen …

Read More
Printing HTML table with many columns/rows using CSS layout?

I want to print a large table (so large that its rows are approx. 3 sheets of papers wide) from HTML. If possible, CSS should suffice for layout and the solution should work with different browsers. I'm currently defining the following …

Read More