Ausgewählte Optionen in Dropdown-Menüs gestalten
Verbesserung der Ästhetik von Dropdown-Menüs durch Ausrichtung auf die aktuell ausgewählte Element war eine häufige Herausforderung. Während die Pseudoklasse :checked Stiloptionen für Eingaben wie Kontrollkästchen und Optionsfelder bereitstellt, erstreckt sie sich nicht auf -Elemente innerhalb eines Menü.
Allerdings eine genaue Prüfung des :geprüft Die Pseudoklasse zeigt, dass sie für Elemente mit den HTML4-Attributen ausgewählt und geprüft gilt. Diese Beobachtung bietet eine Lösung für die Gestaltung der aktuell ausgewählten , wie durch den folgenden Code gezeigt:
option:checked { color: red; }Während die Farbgestaltung möglicherweise nicht in allen Browsern unterstützt wird, ist diese Methode Bietet eine Möglichkeit, die aktive Option in einem Dropdown-Menü auszuwählen.
Alternativ können Sie die ausgewählte Option mit einigen zusätzlichen Optionen ausblenden CSS:
option:checked { display:none; }Dieser Ansatz bietet eine kreative Möglichkeit, das Benutzererlebnis von Dropdown-Menüs zu verbessern, z. B. durch Ausblenden des ausgewählten Elements, um visuelle Unordnung zu vermeiden.
Das obige ist der detaillierte Inhalt vonWie kann ich ausgewählte Optionen in Dropdown-Menüs formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So ändern Sie element.style
So stellen Sie vollständig gelöschte Dateien auf dem Computer wieder her
Verwendung der sqrt-Funktion in Java
Wie lautet die Aufschrift brc20
So deaktivieren Sie den Echtzeitschutz im Windows-Sicherheitscenter
So flashen Sie ein Xiaomi-Telefon
Einführung in ausländische kostenlose VPS-Software
NumberFormatException
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
