0

给出以下简单代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Untitled Document</title>
</head>
<body>
  <input type="text">
  <input type="password">
</body>
</html>

并在IE8或IE9中显示代码，我们会看到两个输入框在同一行，但它们的垂直位置差异很小，如下图所示： 在此处输入图像描述

这让我很困扰，我怎样才能消除这种差异？

4

1 回答 1

0

根据经验，ie9 开发者工具显示文本输入为 47.24 像素宽 x 15.33 像素高，边框为 2 像素；密码为 40.68px 宽 x 16.09px 高，边框为 2px。如此处所示

http://jsfiddle.net/Tp7FW/

你可以申请

input {
     height:20px;
}

或类似的东西让你所有的输入都是相同的大小（高度），如此处所示 http://jsfiddle.net/Tp7FW/1/

于 2012-05-09T14:53:45.323 回答