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

我的HTML表单中的文本框高度为30px，输入的文本出现在文本框的垂直中心，就像我想在每个浏览器中一样 - 除IE外。仅在IE中的文本框内的文本太高

我已经在Chrome，FF和Opera中检查过它。 IE8显示输入的文字高于看起来非常糟糕的中心。我试着玩弄填充，边距和线条高度，但无法让文字从顶部边缘移出。

有关我需要编辑哪些CSS属性才能使文本居中的任何建议？如果需要，我可以将其添加为IE特定的样式。

有问题的网站是lazydragonbooks.com。立即可见的两种形式是“注册”和“登录”形式。

铬

enter image description here

IE 8

enter image description here

2012-02-28 xbonez

那么，与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; 
    }

这当然是特定于与您所使用的设定高度的投入。

2012-02-28 13:30:11 Turnip

你的回答是好，我工作的一个非常糟糕的笔记本电脑，以及由于某种原因，当我试图填充顶绝招，它只是没” t似乎工作。不错的工作。 – Zoidberg 2012-02-28 13:36:33

这是完美的。非常感谢。 – xbonez 2012-02-28 13:59:56

你可以使用保证金或填充像这样针对IE

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

2012-02-28 13:32:36

回答