Wie verstecke ich den Dropdown-Pfeil in <select>-Elementen in Firefox?-CSS-Tutorial-php.cn

Heim >Web-Frontend >CSS-Tutorial >Wie verstecke ich den Dropdown-Pfeil in -Elementen in Firefox?

Mary-Kate OlsenOriginal: 2024-10-31 07:35:17746Durchsuche

How to Hide the Dropdown Arrow in <select>Elemente in Firefox? Elemente in Firefox? " />

So entfernen Sie den Dropdown-Pfeil in 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