Customizing Select Arrow Aussehen für die Cross-Browser-Kompatibilität

, um die Ästhetik eines ausgewählten Elements zu verbessern. Das Erreichen dieser Querbrowser-Kompatibilität kann jedoch eine Herausforderung sein.

Um dieses Problem anzugehen -moz-apparance: Keine; / * Firefox */ -Webkit-Appearanz: Keine; / * Safari und Chrom *// Aussehen: Keine; }

.styled-select select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

Leider unterstützt Firefox diese Funktion erst in Version 35. Für frühere Versionen ist eine Problemumgehung erforderlich. Ein solcher Ansatz, der in einem JSFIDDLE -Beispiel demonstriert wurde, besteht darin, den ursprünglichen Pfeil zu verbergen und durch ein Hintergrundbild zu ersetzen, das die Funktion des Pfeils nachahmt, wenn das Auswahlelement übersieht.