Heim > Web-Frontend > CSS-Tutorial > Wie verstecke ich den Dropdown-Pfeil des Elements „Element' in Firefox?

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

Patricia Arquette
Freigeben: 2024-10-30 03:49:02
Original
303 Leute haben es durchsucht

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:

1

2

3

<code class="css">-moz-appearance: none;

text-indent: 0.01px;

text-overflow: '';</code>

Nach dem Login kopieren

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