Кнопки в Firefox слишком высокие.

У меня проблема, присущая только Firefox. Я пытаюсь стилизовать ссылки и кнопки так, чтобы они выглядели точно так же. В любом браузере, кроме Firefox, это работает по желанию. В Firefox высота содержимого кнопки составляет 18 пикселей по сравнению с 15 пикселями для ссылки. В Chrome, Safari и Internet Explorer они оба имеют высоту 15 пикселей. Почему это?

Вот демонстрация проблемы на jsFiddle . Вот результат, который я получил в Chrome:

Result on Chrome

и вот результат в Firefox:

Result on Firefox

Я пробовал изменить высоту вручную в CSS, но это не работает полностью и нарушает макет в других браузерах. Установка -moz-appearance: none ничего не делает, но, опять же, обычно этого не происходит.

Вот полная информация о моей попытке , а также о том, для чего она будет использоваться.

Кто-нибудь раньше сталкивался с этой проблемой? Как мне выровнять высоту во всех браузерах?

12
задан Jonathan Leffler 22 August 2014 в 02:48
поделиться