как убрать отступ над шрифтом в input

121
30 июля 2019, 01:20

Текст в input (засчет отступа над ним) расположен не по центру. Как убрать отступы у шрифтов?

Answer 1

Это особенности шрифта. Попробуйте заменить шрифт или выравнивайте отступами
@HamSter

Допустим шрифт имеет высоту в 16px, а с отступом он 20px => вам нужно убрать 4px отступа сверху, при том, что отступы в инпуте, снизу и сверху = 10px (padding: 10px 0;).
В таком случае, решение будет таким:

input {
  padding-top: 6px; /* Те самые -4px */
  paddin-bottom: 10px;
}

Так, визуально, получится что текст вертикально по центру инпута.

READ ALSO
СSS и HTML. Как реализовать линии?

СSS и HTML. Как реализовать линии?

Как проще всего с помощью CSS и HTML реализовать линии, обведенные желтым?

149
Анимация заднего фона js

Анимация заднего фона js

Как можно сделать движение заднего фона при нажатии на определенные клавиши?

128
Как я могу заемитить событие из директивы, щелкнув за пределами компонента?

Как я могу заемитить событие из директивы, щелкнув за пределами компонента?

Я не могу понять, как испустить событие из директивы

128
Почему не сменяется фон?

Почему не сменяется фон?

Всем привет! Сначала были проблемы с фоном, но после множества попыток, я смог зафиксировать фон, чтобы он не сменялся после обновления или...

149