Firefox line-height issue with input fields

user_219984 0
Viewed 16668

I have realized the problem before but I guess it didn't matter as much then as it did now.

What I discovered is that Firefox has a default line-height value of 1.2 for input fields which can not be changed. At least in OSX, don't have Windows so I can't confirm it there.

I did some experimenting and testing and there's just no way to change the default line-height value of Firefox. All the other browsers (ok, I just tried with Chrome and Safari) obey my value perfectly fine but not Firefox.

Has anyone ever noticed this and if yes, have you found a solution to overcome this?

firefox css
7 Answers

If your input and submit button are side by side, with the button down about 1px lower then the input (looks like your background image is off), a simple:

display:inline-block;
vertical-align: top;

on the button lines it up perfectly in FF & IE.

user_13014050
Related