Heim > Artikel > Web-Frontend > Wie verstecke ich den Dropdown-Pfeil eines „“-Elements in Firefox?
Wie verstecke ich den Dropdown-Pfeil eines „“-Elements in Firefox?
- Linda HamiltonOriginal
- 2024-10-31 08:59:30105Durchsuche
So blenden Sie den Dropdown-Pfeil eines
Die CSS-Eigenschaft -moz-appearance wird häufig verwendet, um das Erscheinungsbild eines
Firefox-Kompatibilitätsprobleme:
Zunächst mit -moz-appearance: none; allein reichte nicht aus, um den Dropdown-Pfeil in Firefox zu entfernen. Dieses Problem wurde inzwischen in Firefox-Version 35 behoben.
Lösung:
Für ältere Versionen von Firefox ist eine Kombination aus -moz-appearance, text-indent und text-overflow kann verwendet werden, um den Pfeil auszublenden:
<code class="css">select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}</code>
So funktioniert es:
- Durch die Einstellung -moz-appearance: none;, regelmäßig Browser-Stil für
- text-indent: 0.01px; verschiebt den Text leicht nach rechts.
- text-overflow: ''; bewirkt, dass überlaufender Text ausgeblendet wird, einschließlich des Dropdown-Pfeils.
Hinweis:
Dieser Hack ist in den neuesten Versionen von Firefox möglicherweise nicht mehr erforderlich. wo -moz-appearance: none; funktioniert jetzt wie erwartet. Aktuelle Informationen und browserübergreifende Kompatibilität finden Sie in der bereitgestellten Übersicht.
Das obige ist der detaillierte Inhalt vonWie verstecke ich den Dropdown-Pfeil eines „“-Elements in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- Können Sie in CSS3 unterschiedliche Breiten für Spalten festlegen?
- CSS-Übergang mit linearem Farbverlauf: Warum geht mein Farbverlauf nicht über?
- Wie kann ich Text in Flex-Containern zentrieren, wenn der Inhalt die Containerbreite überschreitet?
- Wie fokussiere ich ein geklontes Eingabefeld in IE und Opera?
- Warum wird mein Iframe nicht horizontal zentriert?