Heim > Web-Frontend > CSS-Tutorial > Wie entferne ich den Auswahlpfeil in Internet Explorer 9?

Wie entferne ich den Auswahlpfeil in Internet Explorer 9?

Patricia Arquette
Freigeben: 2024-11-18 22:29:02
Original
1028 Leute haben es durchsucht

How to Remove the Select Arrow in Internet Explorer 9?

Auswahlpfeil im IE entfernen

Beim Bestreben, ausgewählte Elemente durch Entfernen ihrer Standardpfeile anzupassen, scheint das oben genannte CSS nicht zu greifen es handelt sich um Internet Explorer 9 (IE9). So beheben Sie dieses Problem:

Lösung:

  • IE9-Hack: Wie von @Spudley vorgeschlagen, kann ein CSS-Hack sein angewendet auf IE9. Passen Sie das div:before-CSS an, um es an die benutzerdefinierte Höhe und Breite des div anzupassen, und wählen Sie Elemente aus.
  • IE10 CSS3: Für IE10 und höher kann der folgende CSS3-Code verwendet werden:
select::-ms-expand {
    display: none;
}
Nach dem Login kopieren

Alternative Optionen:

  • jQuery-Plugin (Chosen.js): Die Nutzung eines jQuery-Plugins wie Chosen.js bietet eine benutzerfreundliche Lösung.
  • Benutzerdefiniertes JavaScript: Durch das Erstellen eines benutzerdefinierten JavaScript-Skripts kann der Auswahlpfeil auch effektiv entfernt werden.

Das obige ist der detaillierte Inhalt vonWie entferne ich den Auswahlpfeil in Internet Explorer 9?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage