Wie man spezifische CSS-Datei auf Mozilla Firefox Browser anwenden?

<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>

Im obigen Skript habe ich Chrome-Browser und ich kann problemlos spezifische CSS-Datei für Chrome-Browser anwenden.Wie man spezifische CSS-Datei auf Mozilla Firefox Browser anwenden?

Ich möchte eine andere CSS-Datei anwenden Für Mozilla Firefox Browser so ändern Sie oben Skript, die die Lösung für meine Frage geben.

Quelle

2017-06-20 sagar patil

Warum benötigen Sie Browser-spezifische CSS-Datei? – Satpal

danke für Hilfe –

OK, ich habe es gefunden. Dies ist wahrscheinlich die sauberste und einfachste Lösung, die auf JavaScript basiert.

<!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>

Es basiert auf einer weiteren Mozilla-spezifischen CSS-Erweiterung. Es gibt eine ganze Liste für diese CSS-Erweiterungen hier:

Quelle

2017-06-20 05:41:40

Wie man spezifische CSS-Datei auf Mozilla Firefox Browser anwenden?

Antwort

Verwandte Themen