0

入力の高さが Chrome と Firefox で 2px 違うのはなぜですか? (入力要素に高さを指定したくない)

<html>
<head>
<title></title>
<style type="text/css">
p {
font-size: 11px;
font-family : Verdana;
}
input {
border: 1px solid #ccc;
font-size: 11px;
font-family : Verdana;
}
</style>
</head>
<body>    
<p>
<label>Text</label>
<input type="text" />
</p>
</body>
</html>

ちなみに、Verdana の代わりに Arial フォントを入れると、サイズは正しくなります。なんで?

ありがとうございました。

例

4

3 に答える 3

1

調整line-height

input { line-height:17px; }
于 2012-11-05T21:15:34.480 に答える
0

行の高さを 1em に設定:

input {line-height: 1em;}
于 2014-01-14T09:53:13.997 に答える