一尘不染

仅使用CSS定位Firefox

css

使用条件注释,可以使用特定于浏览器的CSS规则轻松定位Internet Explorer:

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

有时,行为不当的是Gecko引擎(Firefox)。 什么是将CSS规则仅定位到Firefox而不是其他浏览器的最佳方式?
也就是说,Internet Explorer不仅应该忽略仅Firefox的规则,而且WebKit和Opera也应该忽略它们。

注意: 我正在寻找一种“干净”的解决方案。在我看来,使用JavaScript浏览器嗅探器向HTML添加“
firefox”类并不符合要求。我希望看到一些依赖于浏览器功能的内容,就像条件注释只是IE的“特殊”……


阅读 440

收藏
2020-05-16

共1个答案

一尘不染

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

@-moz-document url-prefix() {

  h1 {

    color: red;

  }

}


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

它基于另一个Mozilla特定的CSS扩展。这里有这些CSS扩展的完整列表:MozillaCSS扩展。

2020-05-16