入力の高さが 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 フォントを入れると、サイズは正しくなります。なんで?
ありがとうございました。