仅针对带有 CSS 的 Firefox

小编典典

all

使用条件注释可以很容易地使用特定于浏览器的 CSS 规则来定位 Internet Explorer：

<!--[if IE 6]>
...include IE6-specific stylesheet here...
<![endif]-->

有时，行为不端的是 Gecko 引擎 (Firefox)。 使用 CSS 规则仅针对 Firefox 而不是其他单一浏览器的最佳方法是什么？
也就是说，不仅 Internet Explorer 应该忽略 Firefox-only 规则，WebKit 和 Opera 也应该忽略。

注意： 我正在寻找一个“干净”的解决方案。在我看来，使用 JavaScript 浏览器嗅探器将“firefox”类添加到我的 HTML
中并不符合干净的条件。我更希望看到一些依赖于浏览器功能的东西，就像条件注释只是 IE 的“特殊”一样”

阅读 150

2022-03-03

共1个答案

小编典典

好的，我找到了。这可能是最干净和最简单的解决方案，并且不依赖于打开 JavaScript。

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}


<h1>This should be red in FF</h1>

它基于另一个 Mozilla 特定的 CSS 扩展。这些 CSS 扩展的完整列表就在这里：Mozilla CSS
Extensions。

2022-03-03