Wie kann ich den Pfeilstil eines ausgewählten Elements in allen Browsern anpassen?

Anpassen des Pfeilstils im ausgewählten Element

Um die Ästhetik eines ausgewählten Elements zu verbessern, wurde versucht, den Standardpfeil zu ersetzen mit einem benutzerdefinierten Bild. Trotz des Erfolgs in Chrome zeigten Firefox und IE9 Inkonsistenzen.

Um diese Probleme zu beheben:

1. Browserübergreifende Kompatibilität:

   Um ein konsistentes Verhalten in allen gängigen Browsern sicherzustellen, kann der folgende Code verwendet werden integriert:

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

2. Firefox-Macken (Vorversion 35):

   Firefox vor Version 35 unterstützt benutzerdefinierte Pfeilstile nicht vollständig für ausgewählte Elemente. Eine Problemumgehung finden Sie hier: [JSfiddle](https://jsfiddle.net/e622m/)

Das obige ist der detaillierte Inhalt vonWie kann ich den Pfeilstil eines ausgewählten Elements in allen Browsern anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!