IE7中的选择和输入具有相同的高度

Question

我有这段代码：http://jsfiddle.net/GurmR/19/

在IE7上（正如你所看到的）输入的高度不是真正的height:18px（有一种填充/边距？）。

他们的身高比选择框高。我该如何调整它们？

Answer 1

HTML结构错误，“input”元素应位于<tr><td>内。

Try This one

Answer 2

摆脱.trackOn height: 26px;将解决它。出于某种原因，在怪癖模式下IE7或IE会解释此高度值，而其他浏览器则不会。

.trackOn
{
    width:710px; height:0px;
}

Answer 3

看看jquery浏览器检测

您可以使用此代码检测浏览器是否为IE，然后您也可以使用jquery

更改高度

if($.browser.msie)
{
   $(.yourobjecthere).css('height','100') //use the value you find to fit best with ie
}