We need bigger text inputs for our forms, so easy enough, we just set the height on them... But Firefox 3.5 then keeps the text at the top. How do I vertically center it? On Firefox 3.6, IE8, Chrome and Safari, the text is vertically centered as I hoped.
<form> <input type="text" style="height: 50px"/> </form>
How do I make the text in this form centered in its input box?
Have you tried setting an explicit padding-top on the inputs and factoring this into the height? All browsers should use this padding so fixing it for FF3.5 shouldn't* screw things up for other browsers
* I say shouldn't because I don't have FF3.5 and I'm not downgrading just to test this! But it should be ok...
You could try setting the line-height to the height of the container.