A kiválasztott opció színének megváltoztatása CSS használatával
A Kivalasztott Opcio Szinenek Megvaltoztatasa Css Hasznalataval
Opciók adódnak a felhasználó számára, ha egy elemnek több értéke is létezik, ahonnan a felhasználók kiválaszthatnak egy lehetőséget preferenciáik szerint. Különféle formákban létezik, például jelölőnégyzetben, legördülő menüben és választógombban. Pontosabban, a legördülő menü előre meghatározott listákat tartalmaz az opciókról, amelyek segítségével a felhasználó kiválaszthat egyet.
Ez a kézikönyv elmagyarázza a kiválasztott opció színének módosítását. Ehhez először létrehozunk egy legördülő menüt, és CSS segítségével stílusozzuk, majd megváltoztatjuk a kiválasztott opció színét.
Kezdjük el!
Hogyan hozzunk létre legördülő menüt HTML és CSS használatával?
HTML-ben létrehozhat egy legördülő menüt a „ ”, „ ” és „ ” címkéket. Az érthetőség érdekében térjünk át a legördülő menü szintaxisára.
Szintaxis
Íme a legördülő menü szintaxisa:
< címke > Szöveg címke > < válassza ki > < választási lehetőség érték = '' > 1.opció választási lehetőség > < választási lehetőség érték = '' > lehetőség 2 választási lehetőség >
... < választási lehetőség érték = '' > opcióN választási lehetőség > válassza ki >
Magyarázzuk el a fenti szintaxisban használt HTML-címkéket:
: A rövidített opció szöveges formában történő megadására szolgál.
: Ez az elem lehetővé teszi a felhasználó számára, hogy kiválasszon egy elemet a listából.
: A legördülő menü opcióinak megadására szolgál.
Itt egy gyakorlati példát mutatunk be a fenti szintaxis magyarázatára.
1. lépés: Hozzon létre egy legördülő menüt
Először létrehozunk egy
-t, és hozzáadunk egy címsort a
címkével. Egy legördülő menü hozzáadásához egy címkecímkét fogunk használni, és hozzáadjuk a „ Válassz egy országot ” mint a címke. Ezt követően a