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

Question

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

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

这是 offending code on jsfiddle .

有什么建议吗？

Answer 1

你需要设置:

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

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