Firefox和Chrome中的输入大小不同

Question

在构建表单时，我发现Firefox和Google Chrome之间的大小和间距存在一些奇怪的差异。

首先，在Firefox中，每列中的第一个输入之间存在像素差异。

此外，文本输入具有不同的高度，textarea和下面的输入之间的空间也不同，因此无法正确对齐所有内容。

但最奇特的是，textarea和文本输入具有相同的底部边距，但是谷歌Chrome元素后面的元素没有对齐。

'"' + input('input: ') + '"'

这些差异来自何处以及如何解决？

更新 Normalize CSS除了顶部的一个像素差异外，不会解决任何问题。

此表单的代码：https://jsfiddle.net/jLcojhq0/2/