Пересматривая ошибку высоты строки кнопки Firefox ... какие-нибудь решения 2011 года?

Question

Ошибка высотой строки Firefox - это боль.Короче говоря, это предотвращает ручную настройку line-height для button элементов через объявление стиля браузера line-height: normal !important, которое невозможно отменить.

Теперь это огромная боль, и в эпоху, когдак счастью, хакерство вокруг специфических особенностей браузера становится все менее необходимым, я бы не хотел делать исключение для Firefox из всех браузеров.

Так что мой вопрос сейчас заключается в том, могу ли я что-то с этим сделать после концессиичто над статьей делает это в принципе невозможным.

Вот скрипка, с которой можно поиграться: http://jsfiddle.net/hBLQ7/

Откройте в Firefox и Chrome и посмотрите на разницу.

Так есть ли что-нибудь, что мы можем сделать в наше время?

Answer 1

Вы можете просто установить высоту кнопки, если это то, что вам нужно?

Answer 2

Как насчет взломать его сверху и снизу padding?

CSS

button {
   padding: 25px 0;
}

Пример

jsFiddle .

Answer 3

При тестировании вашей скрипки в Firefox 9 ваша кнопка визуализируется с той же высотой, что и диапазон.Использование входных данных типа button / submit дает описанную проблему, однако: Fiddle

Я до сих пор не нашел приемлемого пути решения этой проблемы ..

Один изсоответствующие сообщения об ошибках здесь .