在firefox 3.6中,您可以使用:: – moz-focus-inner {border:0; padding:0; margin:0;}删除这些默认边距和paddings forms.css。
如何在Firefox 4中重设?我一直在搜索安装目录中的任何.css文件,可以添加样式到我的按钮,但找不到任何为ff4 – 该按钮仍然得到那令人讨厌的1px顶部填充,不允许文本对齐垂直中间。
http://easwee.net/other/FF_problem.gif
编辑:我使用一个重置样式表,所以不需要重新设置样式。这是一个在这里搞乱的浏览器样式表。
解决方法
我实际上找到了解决方案。
在您的网址字段中键入:resource://gre-resources/forms.css – 这将打开FF4的forms.css – 并搜索以下选择器
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner
现在就把它放在你的主要样式表中,如:
button::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}
它不应该超越你的css了。还要注意,如果您没有为输入定义任何字体样式,FF将不会继承正文字体样式。