输入类型文本高度和填充

Question

我遇到了一个非常奇怪的问题。 我正在调整一些html文件（实际上，ftl）到模板。我得到了一个静态的html和css文件。适当地应用，我的输入看起来不应该。我已仔细检查了计算出的样式，它们是正确的，如下图所示。

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

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

提前致谢！