css – 如何重置Firefox 4中的默认按钮样式

前端之家收集整理的这篇文章主要介绍了css – 如何重置Firefox 4中的默认按钮样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在firefox 3.6中,您可以使用:: – moz-focus-inner {border:0; padding:0; margin:0;}删除这些默认边距和paddings forms.css。 @H_502_2@如何在Firefox 4中重设?我一直在搜索安装目录中的任何.css文件,可以添加样式到我的按钮,但找不到任何为ff4 – 该按钮仍然得到那令人讨厌的1px顶部填充,不允许文本对齐垂直中间。

@H_502_2@http://easwee.net/other/FF_problem.gif

@H_502_2@编辑:我使用一个重置样式表,所以不需要重新设置样式。这是一个在这里搞乱的浏览器样式表。

解决方法

我实际上找到了解决方案。 @H_502_2@在您的网址字段中键入: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
@H_502_2@现在就把它放在你的主要样式表中,如:

button::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}
@H_502_2@它不应该超越你的css了。还要注意,如果您没有为输入定义任何字体样式,FF将不会继承正文字体样式。

原文链接:https://www.f2er.com/css/219386.html

猜你在找的CSS相关文章