Firefox特定的边距？

Question

31

如何在CSS中为Firefox设置特定边距？我尝试了-moz-margin：0px；

我的问题是在任何浏览器中，包括IE都可以工作，但现在Firefox无法正常显示我的CSS...当我将鼠标悬停在某些链接上时，它们会向左移动约1像素。

- Matt

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

这是一个本地实例 - 但链接周围有5px的填充和6px的边距... - Matt

如果当你将鼠标悬停在它们上方时，它们向左移动1个像素，请确保:hover CSS选择器与非悬停状态的样式相同。另外，打开Firebug，并将鼠标悬停在它们上方，看看有什么变化。 - Steven

1

我刚刚修复了它 - :) 有些东西使用 em 作为度量单位，而 FF 在 Em 上失败了。 - Matt

@Matt，如果您能够在您的问题和解决方案中添加代码示例，那么这个问题将对其他人有用。 - KatieK

3个回答

20

您可以尝试以下代码：

@-moz-document url-prefix() {
    //在此添加您的CSS样式
}

这段代码只会被Firefox浏览器读取。

参考来源：这里。

- Soatl

9

直接回答你的问题：

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

这将仅在Firefox浏览器中将所有class为'myElement'的元素的margin设置为0px。

- Aedaeum

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- wanovak · Accepted Answer

你的问题可能出在别处，但这里有一种方法可以仅针对Firefox：

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