Wie verstecke ich den Dropdown-Pfeil in -Elementen in Firefox?

Elemente in Firefox? " />

So entfernen Sie den Dropdown-Pfeil in Elements mithilfe von CSS in Firefox

Obwohl Chrome und Safari den Dropdown-Pfeil mit der Schaltfläche -webkit-appearance: erfolgreich ausgeblendet haben, Firefox stellt aufgrund der unterschiedlichen Implementierung der Eigenschaft „-moz-appearance“ eine Herausforderung dar.

Das Problem: Persistenter Standardpfeil

Beim Anwenden der Schaltfläche „-moz-appearance“ auf Der Standard-Dropdown-Pfeil bleibt bestehen und überlagert das Hintergrundbild. Dies liegt daran, dass die Schaltfläche -moz-appearance: none keine Auswirkung auf den Pfeil hat 🎜>

Die Lösung: Ein CSS-Hack

Um den Dropdown-Pfeil in Firefox auszublenden, ist eine Kombination von CSS-Eigenschaften erforderlich:

<code class="css">select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}</code>

Indem Sie -moz-appearance auf none setzen und durch Hinzufügen eines winzigen Texteinzugs von 0,01 Pixel wird der Pfeil aus der Sicht verschoben. Textüberlauf: „Entfernt jeglichen verbleibenden Überlauftext und stellt sicher, dass der Pfeil verborgen bleibt.

Aktualisierungen:

11. Dezember 2014: -moz-appearance: none; Funktioniert jetzt wie erwartet in Firefox 35, wodurch Hacks überflüssig werden.
28. April 2014: Der oben erwähnte CSS-Hack war vorübergehend wirksam, ist aber seitdem in Firefox 31.0.a1 Nightly auf mehreren Plattformen wieder aufgetaucht.

Das obige ist der detaillierte Inhalt vonWie verstecke ich den Dropdown-Pfeil in -Elementen in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!