Heim > Web-Frontend > CSS-Tutorial > Wie entferne ich den Pfeil aus ausgewählten Elementen im Internet Explorer?

Wie entferne ich den Pfeil aus ausgewählten Elementen im Internet Explorer?

Linda Hamilton
Freigeben: 2024-11-13 02:30:02
Original
492 Leute haben es durchsucht

How to Remove the Arrow from Select Elements in Internet Explorer?

Den Pfeil im IE entfernen: Ein Stilrätsel

Das nahtlose Entfernen des Pfeils auf einem ausgewählten Element ist in Browsern wie Firefox ein Kinderspiel , Safari und Chrome. Allerdings erweist sich der mächtige IE9 bei dieser akribischen Suche als hartnäckiger Gegner.

Um dieser Herausforderung zu begegnen, tauchen wir in die Welt von CSS ein. Ein vielversprechender Ansatz für IE9 beinhaltet einen cleveren Hack:

.styled-select select div::before {
    display: none;
}
Nach dem Login kopieren

In diesem Code verwenden wir display: none; um den Pfeil aus dem Griff von IE9 zu befreien. Wenn der Zielbrowser außerdem der neuere IE10 ist, können wir CSS3 nutzen, um unser Ziel zu erreichen:

select::-ms-expand {
    display: none;
}
Nach dem Login kopieren

Für diejenigen, die eine robustere Lösung suchen, erweist sich Chosen.js jedoch als ein tapferes jQuery-Plugin ermöglicht es dem Entwickler, das ausgewählte Element mit Finesse anzupassen. Dennoch können unerschrockene Seelen es vorziehen, ihre eigene Lösung im Bereich JavaScript zu finden.

Das obige ist der detaillierte Inhalt vonWie entferne ich den Pfeil aus ausgewählten Elementen im Internet Explorer?. 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