Кнопка и вводные различия размера шрифта

Question

input[type="submit"] {
  font-size: 2.75em;
}

button {
  font-size: 2.75em;
}

<input type="submit">
<button>
Click me
</button>

В OSX. Почему относительный размер шрифта действует по-разному на оба этих элемента, но ни один из них не переносится? Как сделать так, чтобы кнопки каждого типа имели одинаковый размер шрифта?

Answer 1

Чтобы изменить размер шрифта ввода, необходимо добавить -webkit-appearance: none;, чтобы переопределить собственный стиль платформы, основанный на теме операционной системы

input[type="submit"] {
  -webkit-appearance: none;
  font-size: 2.75em;
}

button {
  font-size: 2.75em;
}

<input type="submit" />
<button>Click me</button>

Answer 2

add -webkit-Appearance: нет; на ваш стиль кнопки отправки