suchen

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
Barbara StreisandOriginal
2024-12-09 05:23:09346Durchsuche

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;
}

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;
}

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