Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > CSS-Tutorial > Wie kann ich das Standard-Dropdown-Pfeilsymbol von einem ausgewählten Element entfernen?

Wie kann ich das Standard-Dropdown-Pfeilsymbol von einem ausgewählten Element entfernen?

Barbara Streisand
Freigeben： 2024-12-09 05:23:09
Original
345 Leute haben es durchsucht

How Can I Remove the Default Dropdown Arrow Icon from a Select Element?

Entfernen des Standardpfeilsymbols aus Dropdown-Listen (Element auswählen) in verschiedenen Browsern

Um das Pfeilsymbol aus einem HTML zu entfernen, Element sind je nach verwendetem Browser unterschiedliche Ansätze erforderlich.

Opera, Firefox:

Opera und Firefox unterstützen das -webkit-appearance: none; style-Eigenschaft, die die Anpassung des Erscheinungsbilds von Formularsteuerelementen ermöglicht. Um den Pfeil zu entfernen, verwenden Sie:

select {
    -webkit-appearance: none;
}
Nach dem Login kopieren

Internet Explorer:

Internet Explorer stellt ein Pseudoelement speziell für den Dropdown-Pfeil bereit: ::-ms-expand . Um den Pfeil auszublenden, setzen Sie seine Anzeigeeigenschaft auf „Keine“:

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

Durch die Verwendung dieser browserspezifischen Methoden können Sie das Dropdown-Pfeilsymbol effektiv aus