У меня проблема, присущая только Firefox. Я пытаюсь стилизовать ссылки и кнопки так, чтобы они выглядели точно так же. В любом браузере, кроме Firefox, это работает по желанию. В Firefox высота содержимого кнопки составляет 18 пикселей по сравнению с 15 пикселями для ссылки. В Chrome, Safari и Internet Explorer они оба имеют высоту 15 пикселей. Почему это?
Вот демонстрация проблемы на jsFiddle . Вот результат, который я получил в Chrome:
и вот результат в Firefox:
Я пробовал изменить высоту вручную в CSS, но это не работает полностью и нарушает макет в других браузерах. Установка -moz-appearance: none
ничего не делает, но, опять же, обычно этого не происходит.
Вот полная информация о моей попытке , а также о том, для чего она будет использоваться.
Кто-нибудь раньше сталкивался с этой проблемой? Как мне выровнять высоту во всех браузерах?