Valitun vaihtoehdon värin muuttaminen CSS:n avulla
Valitun Vaihtoehdon Varin Muuttaminen Css N Avulla
Vaihtoehdot annetaan käyttäjälle, kun yksittäisellä elementillä on useita arvoja, joista käyttäjät voivat valita vaihtoehdon mieltymystensä mukaan. Se on eri muodoissa, kuten valintaruudussa, avattavassa valikossa ja valintanapissa. Tarkemmin sanottuna avattava valikko tarjoaa ennalta määritettyjä luetteloita vaihtoehdoista, joiden avulla käyttäjä voi valita yhden.
Tässä oppaassa selitetään valitun vaihtoehdon värin muuttaminen. Tätä varten luomme ensin pudotusvalikon ja muotoilemme sen CSS:n avulla ja muutamme sitten valitun vaihtoehdon väriä.
Aloitetaan!
Kuinka luoda avattava valikko HTML:n ja CSS:n avulla?
HTML:ssä voit luoda avattavan valikon käyttämällä ' ”, “ ' ja ' ”tunnisteet. Jotta ymmärrät paremmin, siirrytään avattavan valikon syntaksiin.
Syntaksi
Tässä on avattavan valikon syntaksi:
< etiketti > Teksti etiketti > < valitse > < vaihtoehto arvo = '' > Vaihtoehto 1 vaihtoehto > < vaihtoehto arvo = '' > vaihtoehto 2 vaihtoehto >
... < vaihtoehto arvo = '' > vaihtoehtoN vaihtoehto > valitse >
Selvitetään yllä olevassa syntaksissa käytetyt HTML-tunnisteet:
: Sitä käytetään määrittämään lyhennetty vaihtoehto
: Tämän elementin avulla käyttäjä voi valita kohteen luettelosta.
: Sitä käytetään tarjoamaan vaihtoehtoja avattavalle valikolle.
Tässä on käytännöllinen esimerkki selittämään yllä olevaa syntaksia.
Vaihe 1: Luo avattava valikko
Ensin luodaan
ja lisätään otsikko
-tunnisteen avulla. Jos haluat lisätä siihen avattavan valikon, käytämme tunnistetta ja lisäämme ' Valitse maa ”etiketiksi. Tämän jälkeen käytämme