Heim > Artikel > Web-Frontend > Wie verstecke ich den Dropdown-Pfeil des Elements „Element“ in Firefox?

Wie verstecke ich den Dropdown-Pfeil des Elements „Element“ in Firefox?

Patricia ArquetteOriginal: 2024-10-30 03:49:02180Durchsuche

How to Hide the Dropdown Arrow of `` Element in Firefox?

Dropdown-Pfeil von Der Dropdown-Pfeil des Elements funktioniert nahtlos in Chrome und Safari mit „-webkit-appearance: button;“. Allerdings behält Firefox den Standardpfeil bei, wenn diese Eigenschaft angewendet wird.

Lösung:

Um den Dropdown-Pfeil in Firefox auszublenden, verwenden Sie eine Kombination der folgenden CSS-Eigenschaften:

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

Erklärung:

"-moz-appearance: none;" Entfernt das standardmäßige Firefox-Erscheinungsbild. „text-indent: 0.01px;“ schiebt den Pfeil leicht nach rechts, während „text-overflow: '';“ verbirgt den überlaufenden Teil, einschließlich des Pfeils.

Update (Dezember 2014):

Firefox 35 und höher unterstützen nativ „-moz-appearance: none;“ für