Wie entferne ich die Gliederung aus Auswahlfeldern in Firefox?

Entfernen des Umrisses aus Auswahlfeldern in Firefox

Der Umriss, der ein ausgewähltes Element in einem ausgewählten Element umgibt, kann optisch ablenken. In diesem Artikel wird erläutert, wie Sie diese Gliederung in Firefox entfernen können, obwohl die CSS-Eigenschaft „outline“ wirkungslos ist.

Fehlgeschlagene Versuche bei der Verwendung von CSS

Hinzufügen der Gliederungseigenschaft mit einem Wert von none in CSS entfernt die Gliederung in Firefox nicht:

select { outline:none; }

Bulletproof Solution Using the Pseudo-Class

Eine robustere Lösung beinhaltet die Verwendung des Firefox-spezifischen Pseudo -class:-moz-focusring:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

Dieser Code wendet die folgenden Stile auf die Pseudoklasse:-moz-focusring an:

• Setzt die Farbe auf transparent und ausgeblendet der Umriss.
• Fügt einen Textschatten der Größe 0 hinzu, um Änderungen an der Schriftdarstellung zu verhindern.

Durch die Anwendung dieses Stils wird sichergestellt, dass der gepunktete Umriss nur in Firefox entfernt wird, ohne dass dies Auswirkungen hat andere Browser. Diese Lösung bietet eine zuverlässige und browserspezifische Methode zum Entfernen der Kontur aus Auswahlfeldern.

Das obige ist der detaillierte Inhalt vonWie entferne ich die Gliederung aus Auswahlfeldern in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!