Heim > Web-Frontend > CSS-Tutorial > Wie entferne ich die Gliederung aus Auswahlfeldern in Firefox?

Wie entferne ich die Gliederung aus Auswahlfeldern in Firefox?

Patricia Arquette
Freigeben: 2024-11-04 08:25:02
Original
423 Leute haben es durchsucht

How to Remove the Outline from Select Boxes 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; }
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage