我只是遇到了一个非常奇怪的问题。我正在将一些 html 文件（实际上是 ftl）改编为模板。我得到了一个静态的 html 和 css 文件。正确应用一切后，我的输入看起来不像他们应该的那样。我已经非常仔细地检查了计算的样式，它们是正确的，如下图所示。
原始输入的高度为 18px，顶部和底部的填充为 6px，因此必须为 18+12=30px 高度。不过，我得到的是一个高度为 6px 的输入加上顶部 6px 的填充和底部 6px 的填充，因此 6+6+6=18px。
有人可以解释这里发生了什么吗？顺便说一句，我在这两种情况下都使用 safari。
提前致谢！