Почему некорректно работает line-height в input?

Question

[ymfront]

Есть простой инпут:

<input class="form__input js-email-input" id="email-input" type="email" name="email" placeholder="E-mail" required="">

Для него заданы CSS-свойства:

.form__input {
  border: 1px solid #AEB1C8;
  border-radius: 8px;
  padding: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  background-color: #E6E8F1;
  color: #444188;
  outline: none;
}

Свойство line-height работает некорректно. Если я задаю line-height = 16px, то высота самого поля составляет 19px, но если я задам line-height = 18px, то высота инпута уже будет 18px и свойство срабатывает правильно. В чем проблема? Почему я не могу задать line-height = 1? Все значения более 18px срабатывают корректно.

Comments

[Ankhena]

Минимальный line-height в текстовых полях 1.15 или типа того. И может отличаться в разных браузерах.
О каком браузере речь у вас, вообще неизвестно.

[ymfront]

Ankhena, Гугл Хром

[Ankhena]

ymfront, в FF вроде больше минимальный lh, но лень проверять. Потестируйте самостоятельно.