Kaip pakeisti pasirinktos parinkties spalvą naudojant CSS

Kaip Pakeisti Pasirinktos Parinkties Spalva Naudojant Css



Parinktys suteikiamos vartotojui, kai yra kelios vieno elemento reikšmės, iš kurių vartotojai gali pasirinkti parinktį pagal savo pageidavimus. Jis yra įvairių formų, pvz., žymimojo laukelio, išskleidžiamojo meniu ir radijo mygtuko. Tiksliau, išskleidžiamajame meniu pateikiami iš anksto nustatyti parinkčių sąrašai, leidžiantys vartotojui pasirinkti vieną.

Šiame vadove bus paaiškinta pasirinktos parinkties spalvos keitimo procedūra. Tam pirmiausia sukursime išskleidžiamąjį meniu ir sukursime jo stilių naudodami CSS, o tada pakeisime pasirinktos parinkties spalvą.







Pradėkime!



Kaip sukurti išskleidžiamąjį meniu naudojant HTML ir CSS?

HTML galite sukurti išskleidžiamąjį meniu naudodami „ “, „ “ ir „ “ žymas. Kad suprastume aiškiau, pereikime prie išskleidžiamojo meniu sintaksės.



Sintaksė





Štai išskleidžiamojo meniu sintaksė:

< etiketė > Tekstas etiketė >
< pasirinkite >
< variantas vertė = '' > 1 variantas variantas >
< variantas vertė = '' > 2 variantas variantas >

...
< variantas vertė = '' > variantasN variantas >
pasirinkite >



Paaiškinkime anksčiau pateiktoje sintaksėje naudojamas HTML žymas:

  • Jis naudojamas norint nurodyti sutrumpintą parinktį
  • : Šis elementas leidžia vartotojui pasirinkti elementą iš sąrašo.
  • : Jis naudojamas išskleidžiamojo meniu parinktims pateikti.

Pateikiame praktinį pavyzdį, paaiškinantį aukščiau pateiktą sintaksę.

1 veiksmas: sukurkite išskleidžiamąjį meniu

Pirmiausia sukursime

ir pridėsime antraštę naudodami

žymą. Norėdami į jį įtraukti išskleidžiamąjį meniu, naudosime etiketės žymą ir pridėsime „ Pasirinkite šalį “ kaip etiketė. Po to naudosime žymą