仅在IE中文本框内的文本太高

Question

HTML表单中的文本框高度为30px，输入的文本显示在文本框的垂直中心，就像我想要的每个浏览器一样 - 除了IE。

我已经在Chrome，FF和Opera中查看了它。 IE8显示输入的文本高于中心，看起来非常糟糕。我尝试使用填充，边距和行高，但无法从顶部边缘获取文本。

我需要编辑哪些CSS属性以使文本居中？如果需要，我可以将其添加为IE特定样式。

相关网站为lazydragonbooks.com。立即可见的两种形式是“注册”和“登录”表单。

铬

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*/;