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

<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浏览器？

我想申请另一个CSS文件对于Mozilla Firefox浏览器，所以修改上面的脚本给出我的问题的解决方案。

来源

2017-06-20 sagar patil

为什么你需要浏览器特定的CSS文件？ – Satpal

感谢您的帮助 –

好的，我找到了。这可能是最干净和最简单的解决方案，并且不依赖于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

来源

2017-06-20 05:41:40

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

回答

相关问题