Mozilla Firefoxブラウザに特定のCSSファイルを適用する方法は？

<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ファイルを適用できます。Mozilla Firefoxブラウザに特定のCSSファイルを適用する方法は？

私は別のCSSファイルを適用したいMozilla Firefoxブラウザの場合は、上記のスクリプトを修正して私の質問に答えてください。

出典

2017-06-20 sagar patil

なぜブラウザ固有のCSSファイルが必要ですか？ – Satpal

ご協力いただきありがとうございます –

[OK]を見つけました。これはおそらく最もクリーンで簡単な解決策であり、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

Mozilla Firefoxブラウザに特定のCSSファイルを適用する方法は？

答えて

関連する問題