Firefox 特定的保证金？ [关闭]

Posted 2023-03-06

【中文标题】Firefox 特定的保证金？ [关闭]

【英文标题】：Firefox specific margin? [closed]

【发布时间】：2011-10-07 21:46:40

【问题描述】：

如何在 CSS 中为 Firefox 设置特定的边距？我试过 -moz-margin:0px;

我的问题出在每个浏览器上，甚至 IE 都可以，

但是 Firefox 现在在我的 CSS 上失败了...当我将某些链接滚动时，它们会向左移动 1px...

【问题讨论】：

你能提供一个示例页面吗？我在任何新版本的 Firefox 上都没有遇到过这个问题。

这是一个本地实例 - 但链接确实有 5px 的填充；在它们周围，以及 6px 的边距；...

如果它们在您悬停时向左移动 1px，请确保 :hover css 选择器与非悬停相同。还打开萤火虫并翻转它们，看看有什么变化。

我实际上只是修复了它 - :) 有一些东西使用 em 作为测量值，而 FF 在 Em 处失败..

@Matt，如果您能够在您的问题中添加代码示例以及您自己的修复答案，那么这个问题对其他人会很有用。

【参考方案1】：

您的问题可能出在其他地方，但以下是您仅针对 Firefox 的方式：

@-moz-document url-prefix() 
    a 
        margin: 0;
    

【讨论】：

谢谢老哥分享！

【参考方案2】：

你可以试试这样的：

@-moz-document url-prefix() //Your css here

这只会被 Firefox 读取。

Source

【参考方案3】：

直接回答你的问题：

.myElement, x:-moz-any-link, x:default 
    margin: 0px;

这会将所有具有“myElement”类的元素设置为仅在 Firefox 中的 0px 边距。