Задать вопрос
@mironov_m
Учусь Frontend

Почему placeholder ниже строки ввода?

Стилизация следующая:
.form__email {
  padding: 0;
  margin: 0;
  border: 1px solid #d3d7d9;
  width: 371px;
  height: 15px;
  padding-top: 25px;
  padding-bottom: 27px;
  padding-left: 27px;
}

.form__email::placeholder {
  font-size: 20px;
  font-family: "Latoitalic";
  color: rgba(146, 146, 146, 0.502);
  line-height: 24px;
}


В браузере FF получается такое смещение, как на прикрепленном рисунке. Почему такое происходит? И есть ли возможность как-то это исправить? Placeholder под вводом текста. Выделил инспектором, чтобы было видно смещение относительно курсора. Возможно смещение происходит из-за того, что placeholder равняется по базовой линии текста на кнопке? Как сделать, чтобы было совпадение? Получается, что он не по центру.
5e6b91c35de21806277470.png
  • Вопрос задан
  • 74 просмотра
Подписаться 1 Простой 5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы