Css Chrome和Firefox之间的2倍差异

Chrome和Firefox的输入高度相差2倍，为什么？ （我不想指定输入元素的高度）

p{
字体大小：11px；
字体系列：Verdana；
}
输入{
边框：1px实心#ccc；
字体大小：11px；
字体系列：Verdana；
}

正文

顺便说一下，如果我用Arial字体而不是Verdana字体，大小是正确的。为什么?

多谢各位

调整

调整

---

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

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

---

让我知道它是否有效。

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

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

让我知道它是否工作。

设置为1em:

设置为1em：

---

检查计算（用户代理）样式，可能是填充、线条高度等。如果我用：{margin:0；padding:0}重置所有元素，结果是相同的。我不会浪费时间试图找出浏览器之间的2像素布局差异。你应该使用CSS重置。CSS重置@Diodeus不起作用。凯文：我需要相同的高度，这对我的设计很重要。检查计算（用户代理）样式，可能是填充、线条高度等。如果我重置所有元素：{margin:0；padding:0}结果是一样的。我不会浪费时间试图找出浏览器之间的2像素布局差异。你应该使用CSS重置。CSS重置@Diodeus不起作用。凯文：我需要同样的高度，这对我的设计很重要。不，对不起。对于行高：17px，Firefox和Chrome的输入高度分别为17px和19px。不，对不起。对于行高：17px，Firefox和Chrome中的输入高度分别为17px和19px。

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

input {line-height: 1em;}