So ändern Sie die ausgewählte Optionsfarbe mit CSS

So Andern Sie Die Ausgewahlte Optionsfarbe Mit Css



Wenn mehrere Werte eines einzelnen Elements vorhanden sind, werden dem Benutzer Optionen gegeben, aus denen Benutzer eine Option gemäß ihren Präferenzen auswählen können. Es existiert in verschiedenen Formen, z. B. als Kontrollkästchen, Drop-down-Menü und Optionsfeld. Genauer gesagt stellt das Dropdown-Menü vordefinierte Listen von Optionen bereit, die es dem Benutzer ermöglichen, eine auszuwählen.

In diesem Handbuch wird das Verfahren zum Ändern der Farbe der ausgewählten Option erläutert. Dazu erstellen wir zunächst ein Dropdown-Menü und gestalten es mit CSS und ändern dann die ausgewählte Optionsfarbe.





Lass uns anfangen!



Wie erstelle ich ein Dropdown-Menü mit HTML und CSS?

In HTML können Sie ein Dropdown-Menü erstellen, indem Sie „ “, „ ' und ' ' Stichworte. Um es klarer zu verstehen, gehen wir zur Syntax des Dropdown-Menüs über.



Syntax



Hier ist die Syntax des Dropdown-Menüs:

< Etikett > Text Etikett >
< auswählen >
< Möglichkeit Wert = '' > Option 1 Möglichkeit >
< Möglichkeit Wert = '' > Option 2 Möglichkeit >

...
< Möglichkeit Wert = '' > OptionN Möglichkeit >
auswählen >



Lassen Sie uns die HTML-Tags erklären, die in der obigen Syntax verwendet werden:

  • : Es dient dazu, die verkürzte Option
  • : Mit diesem Element kann der Benutzer ein Element aus einer Liste auswählen.
  • Es wird verwendet, um Optionen für das Dropdown-Menü bereitzustellen.

Hier stellen wir ein praktisches Beispiel vor, um die obige Syntax zu erklären.

Schritt 1: Erstellen Sie ein Dropdown-Menü

Zuerst erstellen wir ein

und fügen eine Überschrift mit dem

-Tag hinzu. Um ein Dropdown-Menü darin hinzuzufügen, verwenden wir ein Label-Tag und fügen „ Wähle ein Land “ als Etikett. Danach werden wir das