在Firefox中获取与HTML大小一致的表单输入

我在一个div中有四个输入字段。前两个是名字和姓氏，第二个是电子邮件和密码。我有两个输入，一行输入名字和姓氏，另一行输入电子邮件，另一行输入密码。通过使用HTML大小，我试图使名字和姓氏输入的组合大小与电子邮件和密码的输入大小相匹配

下面是一个JSFIDLE，展示了我正在尝试做的事情：

正如您所见，尽管名字和姓氏上有

size=“18”

，但它们仍然比电子邮件/密码的

size=“38”

宽

现在我想对输入字段进行一点样式设置，所以我添加了它。在这里，您将看到与上面相同的设置，但样式如下：

在Safari和Chrome中，输入字段根据需要与样式对齐。然而，在Firefox中，名字和姓氏的组合大小比电子邮件/密码的大小要大

---

有没有办法在Firefox中解决这个问题？

如果您愿意在样式表中添加一些仅限Firefox的样式

    @-moz-document url-prefix() {

        input { width: 0px; }

    }

---

当然，如果您愿意在样式表中添加一些仅限Firefox的样式，那么可以根据导致问题的原因进行相应的调整

    @-moz-document url-prefix() {

        input { width: 0px; }

    }

---

当然，无论是哪一个导致了问题，都要进行相应的调整

Firefox似乎没有在输入字段的大小中包含内部填充，而其他浏览器则没有。Firefox似乎没有在输入字段的大小中包含内部填充，而其他浏览器则没有。