Možnosti so uporabniku dane, ko obstaja več vrednosti posameznega elementa, med katerimi lahko uporabniki izberejo možnost glede na svoje želje. Obstaja v različnih oblikah, kot so potrditveno polje, spustni meni in izbirni gumb. Natančneje, spustni meni ponuja vnaprej določene sezname možnosti, ki uporabniku omogočajo, da izbere eno.
V tem priročniku je razložen postopek za spreminjanje barve izbrane možnosti. Za to bomo najprej ustvarili spustni meni in ga oblikovali s CSS, nato pa spremenili barvo izbrane možnosti.
Začnimo!
Kako ustvariti spustni meni z uporabo HTML in CSS?
V HTML-ju lahko ustvarite spustni meni z uporabo » ”, “ « in » ” oznake. Za jasnejše razumevanje pojdimo k sintaksi spustnega menija.
Sintaksa
Tukaj je sintaksa spustnega menija:
< oznaka > Besedilo oznaka > < izberite > < možnost vrednost = '' > možnost 1 možnost > < možnost vrednost = '' > možnost2 možnost >
... < možnost vrednost = '' > možnostN možnost > izberite >
Razložimo oznake HTML, uporabljene v zgornji sintaksi:
: Uporablja se za podajanje skrajšane možnosti
: Ta element omogoča uporabniku, da izbere element s seznama.
: Uporablja se za zagotavljanje možnosti za spustni meni.
Tukaj predstavljamo praktičen primer za razlago zgornje sintakse.
1. korak: Ustvarite spustni meni
Najprej bomo ustvarili
in dodali naslov z uporabo oznake
. Če želite v njem dodati spustni meni, bomo uporabili oznako oznake in dodali » Izberite državo « kot oznako. Nato bomo uporabili oznako