Html 输入类型文本高度和填充

我遇到了一个很奇怪的问题。 我正在将一些html文件（实际上是ftl）修改为模板。我得到了一个静态html和css文件。在正确地应用了所有内容之后，我的输入看起来不像应该的那样。我已经非常仔细地检查了计算样式，它们是正确的，如下图所示。

原始输入的高度为18px，填充顶部和底部为6px，因此必须为18+12=30px高度。尽管如此，我得到的是一个高度为6px加上填充顶部6px和填充底部6px的输入，所以6+6+6=18px

有人能解释一下这里发生了什么吗？？顺便说一句，我在这两种情况下都使用safari

---

提前谢谢

您是否使用Firebug或类似工具来检查浏览器中的元素？这将告诉您应用的样式来自何处。您使用的是rest.css样式表吗？是的，我已经检查过，在这两种情况下，它都计算相同的样式，正如您在我发布的图像中看到的那样。我没有使用任何reset.css或类似的东西。这两个屏幕截图是“在”您的更改之前还是之后？输入元素的容器/父元素是什么样子的？您可以发布一些代码吗？框大小属性已设置为右侧窗口中的边框框。Safari是在设置高度时添加此功能的，还是在设置高度时添加？