<input type =“ number”>在浏览器之间不一致

Question

我遇到<input type="number">的问题，这是在没有应用CSS的Firefox中的外观：

如您所见，箭头高于字段本身，并且箭头和字段的右边缘之间有空间。

在Chromium中，看起来应该是正常的，箭头的高度与视场相同，并且箭头和右边缘之间没有空格。

我尝试对其施加高度，并且它垂直增长，但没有达到期望的高度，在给定1px或100px的情况下增长相同，并且在箭头和水平边缘之间仍然留有一些空间。当涉及到箭头和边缘之间的多余空间时，我不知道该怎么做。

我该如何解决这个问题，以便Firefox中的数字字段看起来像Chromium中的数字字段？它在所有浏览器中必须看起来一致。