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 で表示すると、以下に示すように、2 つの入力ボックスが同じ行に表示されますが、垂直方向の位置がわずかに異なります。 ここに画像の説明を入力

これは私を大いに悩ませました、どうすればそのような違いを取り除くことができますか?

4

1 に答える 1

0

経験的に、ie9 開発者ツールによると、テキスト入力は幅 47.24 ピクセル、高さ 15.33 ピクセル、境界線は 2 ピクセルです。パスワードは幅 40.68 ピクセル、高さ 16.09 ピクセル、境界線 2 ピクセルです。ここに示すように

http://jsfiddle.net/Tp7FW/

申請できます

input {
     height:20px;
}

または、ここに示すように、すべての入力を同じサイズ(高さ)にするための同様のもの http://jsfiddle.net/Tp7FW/1/

于 2012-05-09T14:53:45.323 に答える