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>

顺便说一句，如果我用 Arial 字体代替 Verdana，尺寸是正确的。为什么？

谢谢你。

例子

4

3 回答 3

3

我遇到了与 Firefox 没有呈现与 Chrome 相同的搜索框的类似问题。我使用了以下 css 行并修复了它：

input::-moz-focus-inner {
    border: 0;
    padding: 0; 
    }

让我知道它是否有效。

于 2013-04-05T22:10:23.603 回答
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 回答