CSS Textfield padding в разных браузерах?

Question

Привет. У меня возникли проблемы с заполнением текстового поля в разных браузерах.Вот скриншот того, как они выглядят в двух разных браузерах.Это заполнение имеет вид:

padding:8px 0 0 0;

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

Спасибо!

Answer 1

Если вы еще не используете его, вы должны использовать CSS Reset.Сброс CSS очистит значения по умолчанию, которые различные браузеры применяют к определенным элементам, что обеспечивает большую согласованность.

Answer 2

Каждый браузер отображает HTML по-разному, поэтому удалите top padding и введите height в поле ввода и то же line-height.Вот так:

input{
 height:40px;
 line-height:40px;
}

Это одинаково во всех браузерах

Answer 3

Я сомневаюсь, что вы все сделаете правильно, но попробуйте явно установить свойства CSS height, line-height и vertical-align.