Высота входного элемента больше, чем размер шрифта ⇐ Html

[Anonymous]

У меня есть входной элемент, который имеет высоту, которая на 2px больше, чем ожидалось.

Код: Выделить всё

.input {
font-size: 16px;
padding: 15px;
border: 1px solid black;
border-radius: 3px;
width: 400px;
}< /code>

Я бы ожидал, что содержимое высоты содержимого от входного входа будет 16px. По какой -то причине Chrome говорит, что моя коробка контента составляет 18 фунтов, а не 16px. Я даже пытался установить высоту линии: 1 , но не работал. Может кто -нибудь это объяснить? Я бы предпочел не жестко кодировать высоту как решения.

Подробнее здесь: https://stackoverflow.com/questions/630 ... -font-size