css - 仅在 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;
    }

这当然特定于您正在使用的具有设置高度的输入。