Wie verbirgt man den Auswahl-Dropdown-Pfeil in Firefox richtig?

Korrektur von „-moz-appearance“ für Dropdown-Pfeilverdeckung auswählen

Problem:

Sie versuchen, eine Anpassung vorzunehmen den Dropdown-Pfeil eines ausgewählten Elements mithilfe von CSS in Chrome und Firefox. Während Ihre „-webkit-“-Syntax in Chrome/Safari einwandfrei funktioniert, verbergen ihre „-moz-“-Gegenstücke den Dropdown-Pfeil in Firefox nicht. „-moz-appearance: none;“ Auch das Entfernen des Standardpfeils schlägt fehl.

Lösung:

Der korrekte „-moz-appearance“-Wert zum Entfernen des Dropdown-Pfeils ist “-moz- Aussehen: keines;." Allerdings ist diese Eigenschaft zusammen mit „-moz-appearance: button;“ ist jetzt Legacy-Inhalt. Ab Firefox v35 wird die verbesserte Eigenschaft „Aussehen“ unterstützt, was eine einfachere Lösung ermöglicht:

<code class="css">select {
  appearance: none;
}</code>

Alternativer Hack (vor Firefox v35):

Vor Firefox v35, Um den Pfeil auszublenden, war ein CSS-Hack erforderlich:

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

Diese Methode verschiebt den Pfeil leicht nach rechts, wodurch der Überlauf ihn beseitigt.

Updates:

• 11. Dezember 2014: „-moz-appearance:none“ wird jetzt in Firefox v35 unterstützt.
• 28. April 2014: Der oben erwähnte Hack schlug in Firefox 31.0.a1 Nightly vorübergehend fehl; Das Problem wurde jedoch behoben.

Das obige ist der detaillierte Inhalt vonWie verbirgt man den Auswahl-Dropdown-Pfeil in Firefox richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!