div中的图像背景在Firefox中不相同

Question

我以前从未发生过这种情况。 我在此输入字段的背景中有一幅图像。 我使用X和Y定位将其对齐，并在Firefox中将其对齐。 当我用Chrome浏览器查看时，它与“登录”字词太近，太低了2像素。

我在SO上找到了此链接，但我想我并没有真正关注它。 如何为Mozilla，Chrome和IE编写特定的CSS

我试图使用：before，但无法使其正常工作。 -webkit和-moz似乎不是一个很好的解决方案，无论如何我都无法工作。

链接为http://www.splitlightdesigns.com/oxbridge UN-oxbridge PW oxy510

非常感谢，休斯顿

Answer 1

每个浏览器都有自己的user style sheet ，除非您使用自定义样式覆盖它，否则它会单独应用于某些元素。

您首先应该使用“重置”表重置所有样式，这是第一个Google搜索结果： http : //meyerweb.com/eric/tools/css/reset/

只需重置每一个，然后开始样式

Answer 2

提交输入有2px的保证金，但并非在所有浏览器中都有。 可能是问题所在，因此将margin: 0设置为提交按钮（或为所有浏览器设置margin: 2px ）。