Кнопки
input[type="submit"] на Chrome и Safari, кажется, уважают свойство line-height только в сочетании со свойством border.
Просмотр вычисленного значения line-height в Chrome ' Отладчик s показывает кнопку с рамкой, имеющую ожидаемое вычисленное значение, тогда как кнопка без рамки имеет line-height: normal.
Firefox показывает обе версии, относящиеся к свойству line-height. Chrome и Safari - нет.
В качестве дополнительного бонуса, изменение элементов с input[type="submit"] на button заставляет их работать как положено.
Есть идеи, почему это происходит?
CSS
.border { line-height: 3rem; border: solid 1px black; }
.noborder { line-height: 3rem; }
HTML
<input type="submit" class="border" value="input[type='submit'] with border" />
<input type="submit" class="noborder" value="input[type='submit'] without border" />
Снимок экрана 
Проверенные браузеры
- Firefox 73.0 - Работает как ожидалось.
- Google Chrome 80.0.3987.106 - Неожиданные результаты.
- Safari 13.0.5 - Неожиданные результаты.