В Chrome у инпута появляются непонятные отступы. Всё занулил, в Firefox высота 18px как и должна быть, а вот в Хроме отображается 21px. Откуда берется лишние 3px, понять не могу.
.input {
line-height: 1;
font-size: 18px;
margin: 0;
padding: 0;
border: none;
background-color: green;
}
Ответ
Если коротко добавьте height к инпуту. Тогда и в хроме и в ФФ будет одинаково. Вроде как ФФ воспринимает свойство line-height как height, а хром этого не умеет. (На счет этого утверждения могу ошибатся). Но добавление свойства height: 18px должно решить эту проблему.
Комментариев нет:
Отправить комментарий