Tuesday, 10 September 2013

How to vertical center a text with bigger font-size than container in a input in firefox

How to vertical center a text with bigger font-size than container in a
input in firefox

There is a thing in default stylesheet firefox who make :
line-height:normal !important; for the input.
My text with font-size:20px; have a computed line-height of 37px in
firefox. My container (the input) have a fixed height of 30px and i can't
center my text with padding because content > container and CSS don't
allow negative padding.
I use a icon font and this is what i need a big font-size.
No problem with chrome, ie etc ...
Unfortunately I can't replace the by another html element.

No comments:

Post a Comment