Question

<script type="text/javascript">
        var isChrome = /Chrome/.test(navigator.userAgent) && /Google 
                          Inc/.test(navigator.vendor);
          if (isChrome) { 
                      document.write('<'+'link rel="stylesheet" 
                                      href="css/framesmainchrome.css" />');
                        }
/script>

在上面的脚本中我得到了Chrome浏览器，我可以轻松地为Chrome浏览器应用特定的CSS文件。

我想应用另一个CSS文件对于Mozilla Firefox浏览器，所以修改上面的脚本，为我的问题提供解决方案。

Answer 1

好的，我已经找到了。这可能是最干净，最简单的解决方案，不依赖于JavaScript的开启。

<!DOCTYPE html>

<html>
<head>
<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>
</head>
<body>

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

</body>
</html>

它基于另一个特定于Mozilla的CSS扩展。这里有这些CSS扩展的完整列表：https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions

如何将特定的CSS文件应用于Mozilla Firefox浏览器？

1 个答案: