Sådan ændrer du den valgte indstillingsfarve ved hjælp af CSS

Sadan Aendrer Du Den Valgte Indstillingsfarve Ved Hjaelp Af Css



Valgmuligheder gives til brugeren, når der eksisterer flere værdier af et enkelt element, hvorfra brugere kan vælge en mulighed i henhold til deres præferencer. Den findes i forskellige former, såsom et afkrydsningsfelt, rullemenu og alternativknap. Mere specifikt giver rullemenuen foruddefinerede lister over muligheder, som giver brugeren mulighed for at vælge en.

Denne manual vil forklare proceduren for ændring af farven på den valgte indstilling. Til dette vil vi først oprette en rullemenu og style den ved hjælp af CSS og derefter ændre den valgte indstillingsfarve.







Lad os komme igang!



Hvordan opretter man rullemenu ved hjælp af HTML og CSS?

I HTML kan du oprette en rullemenu ved at bruge ' ', ' ' og ' ” tags. For at forstå mere klart, lad os gå til syntaksen i rullemenuen.



Syntaks





Her er syntaksen for rullemenuen:

< etiket > Tekst etiket >
< Vælg >
< mulighed værdi = '' > Mulighed 1 mulighed >
< mulighed værdi = '' > mulighed 2 mulighed >

...
< mulighed værdi = '' > mulighed N mulighed >
Vælg >



Lad os forklare de HTML-tags, der bruges i ovenstående syntaks:

  • Det bruges til at angive den forkortede mulighed
  • : Dette element gør det muligt for brugeren at vælge et element fra en liste.
  • Det bruges til at give muligheder for rullemenuen.

Her præsenterer vi et praktisk eksempel for at forklare ovenstående syntaks.

Trin 1: Opret en rullemenu

For det første vil vi oprette en

og tilføje en overskrift ved hjælp af

-tagget. For at tilføje en rullemenu inde i den, bruger vi et label-tag og tilføjer ' Vælg et land ” som mærket. Derefter vil vi bruge