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

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

Linda Hamilton
Freigeben: 2024-10-31 08:59:30
Original
215 Leute haben es durchsucht

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

So blenden Sie den Dropdown-Pfeil eines -Elements anzupassen. Element, einschließlich des Ausblendens seines Dropdown-Pfeils. Ältere Versionen von Firefox reagieren jedoch möglicherweise nicht richtig auf diese Eigenschaft.

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>
Nach dem Login kopieren

So funktioniert es:

  • Durch die Einstellung -moz-appearance: none;, regelmäßig Browser-Stil für