Текст слишком высок внутри текстового поля только в IE

Question

Текстовые поля в моих HTML-формах имеют высоту 30 пикселей, и введенный текст отображается в вертикальном центре текстовых полей, как я хочу в любом браузере - кроме IE.

Я проверял это в Chrome, FF и Opera. IE8 показывает введенный текст выше центра, что выглядит очень плохо. Я попытался поиграть с отступами, полями и высотой строки, но не смог заставить текст сдвинуться с верхнего края.

Какие-либо предложения по поводу того, какое свойство CSS мне нужно редактировать для центрирования текста? Я мог бы добавить его в качестве специфического стиля IE, если это необходимо.

Сайт, о котором идет речь, lazydragonbooks.com . Сразу видны две формы: формы «Зарегистрироваться» и «Логин».

Chrome

IE 8

Answer 1

Что ж, связавшись с инструментами разработчика IE8, я обнаружил, что setting padding-bottom: 0; и padding-top: 10px; правильно выровняли текст.

Вы должны будете использовать условное выражение, чтобы не испортить надлежащие браузеры. Я бы порекомендовал использовать отдельную таблицу стилей:

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8.css">
<![endif]-->

В пределах ie8.css ..

   input[type="text"] {
            padding-top: 10px;
            padding-bottom: 0;
    }

Это, конечно, характерно для ввода с установленной высотой, которую вы используете.

Answer 2

вы можете использовать поля или отступы, как это для IE

*padding-top:/*px*/;
*margin:/*px*/;