The error reappears in the Firefox line string ... any 2011 solutions?

Question

Firefox error is a pain. In short, this prevents the manual adjustment of line-height on button elements through a declaration of the line-height: normal !important style in a browser style that cannot be undone.

Now this is a huge pain, and in an era when hackers around the specific features of the browser, fortunately, are becoming less and less necessary, I would not want to make exceptions for Firefox for all browsers.

So now my question is is there anything that I can do with this concession that the article above made impossible.

Here you can play with: http://jsfiddle.net/hBLQ7/

Open in Firefox and Chrome and notice the difference.

So what can we do on this day and aged?

Answer 1

Can you just set the button height if that is what you need?

Answer 2

How to crack it on top and bottom of padding ?

CSS

 button { padding: 25px 0; } 

Example

jsFiddle .

Answer 3

When testing your violin in firefox 9, your button is actually displayed at the same height as the range. Using inputs like button / submit gives the problem you are describing: Fiddle

I still have not found a viable way around this problem.

One of the related error reports is here .