Jak změnit barvu vybrané možnosti pomocí CSS

Jak Zmenit Barvu Vybrane Moznosti Pomoci Css



Možnosti jsou uživateli poskytnuty, pokud existuje více hodnot jednoho prvku, odkud si uživatelé mohou vybrat možnost podle svých preferencí. Existuje v různých formách, jako je zaškrtávací políčko, rozbalovací nabídka a přepínač. Přesněji řečeno, rozevírací nabídka poskytuje předdefinované seznamy možností, které uživateli umožňují jednu vybrat.

Tato příručka vysvětluje postup úpravy barvy vybrané možnosti. Za tímto účelem nejprve vytvoříme rozevírací nabídku a nastylujeme ji pomocí CSS a poté změníme barvu vybrané možnosti.







Začněme!



Jak vytvořit rozbalovací nabídku pomocí HTML a CSS?

V HTML můžete vytvořit rozevírací nabídku pomocí „ <štítek> “, “ ' a ' ” tagy. Abychom to lépe pochopili, přejděme k syntaxi rozbalovací nabídky.



Syntax





Zde je syntaxe rozbalovací nabídky:

< označení > Text označení >
< vybrat >
< volba hodnota = '' > Možnost 1 volba >
< volba hodnota = '' > možnost2 volba >

...
< volba hodnota = '' > možnostN volba >
vybrat >



Pojďme si vysvětlit značky HTML použité ve výše uvedené syntaxi:

  • <štítek>: Slouží k zadání zkrácené volby
  • : Tento prvek umožňuje uživateli vybrat položku ze seznamu.
  • : Používá se k poskytování možností pro rozevírací nabídku.

Zde uvádíme praktický příklad pro vysvětlení výše uvedené syntaxe.

Krok 1: Vytvořte rozbalovací nabídku

Nejprve vytvoříme

a přidáme nadpis pomocí tagu

. Chcete-li do něj přidat rozbalovací nabídku, použijeme štítek štítku a přidáme „ Vyber zemi “jako štítek. Poté použijeme značku