css - 排列输入元素，在 Firefox 中逐个排列

Question

我希望我错过了一些简单的东西，但是对于我的生活，我无法弄清楚为什么我不能在 <input type="submit"> 旁边排列一个 <input type="text">。

在 StackOverflow 上进行了一些搜索，我找到了 box-sizing 属性，它解决了我在 IE 中的问题，但 Firefox 让我发疯了。这两个元素现在大小相同，但偏移了 1 个像素。

这是jsfiddle 上的违规代码。

有什么建议么？

Answer 1

你需要设置：

input[type=submit]::-moz-focus-inner{ border: 0; }

更改盒子模型似乎会导致这种效果，但它与this本质上是相同的问题。