Wie kann ich Firefox ausschließlich mit CSS ansprechen?

Firefox allein mit CSS ansprechen

Die Fähigkeit bedingter Kommentare, Internet Explorer mit browserspezifischen CSS-Regeln anzusprechen, ist bekannt. Wenn das Problem jedoch auf die von Firefox verwendete Gecko-Engine zurückzuführen ist, ist ein anderer Ansatz erforderlich. Wie können CSS-Regeln ausschließlich auf Firefox angewendet werden, ohne dass sich dies auf andere Browser auswirkt?

Eine auf Browserfunktionen basierende Lösung

Ein JavaScript-Browser-Sniffer gilt nicht als saubere Lösung für diesen Zweck. Stattdessen wird eine Methode bevorzugt, die die Browserfunktionen nutzt.

Verwendung von @-moz-document

Die @-moz-document-Regel kann verwendet werden, um gezielt auf Firefox abzuzielen. Es funktioniert, indem es CSS-Regeln auf Dokumente anwendet, die die Funktion „url-prefix()“ haben, die mit „-moz-“ beginnt. Firefox ist derzeit der einzige Browser, der diese Funktion unterstützt.

Beispielverwendung

Das folgende Beispiel zeigt, wie man @-moz-document verwendet, um die Farbe eines h1 zu ändern Element in Rot nur in Firefox:

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

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

In anderen Browsern bleibt das h1-Element unverändert, da dies nicht der Fall ist Erkennen Sie die @-moz-document-Regel.

Das obige ist der detaillierte Inhalt vonWie kann ich Firefox ausschließlich mit CSS ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!