Internet Explorer出现奇怪的输入偏移问题

sha*_*har 2 html css internet-explorer

我有一个奇怪的偏移问题IE(特别是IE9)不会消失,一个input盒子有一个比另一个盒子更高的偏移(低于),当没有理由.

这是一个放大版本,您可以在其中查看偏移量.

我已经删除了所有其他元素,包括CSS样式,我仍然无法摆脱这个偏移问题.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head></head>
<body>
<form action="" method="post">
<input type="hidden" name="login" value="login" />
<input name="loginusername" style="height:16px;" type="text">
<input name="loginpassword" style="height:16px;" type="password">
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是第一个input和IE盒模型,显示所有的padding,marginoffset细节.

这是inputIE 的第二个盒子模型.

urr*_*aka 6

这看起来很奇怪,但您可以尝试vertical-align: top在CSS中设置输入.这至少在IE8中修复了它.

  • 欢迎来到互联网浏览器,许多东西应该工作,但他们只是没有 (2认同)