Možnosti sú dané používateľovi, keď existuje viacero hodnôt jedného prvku, z ktorých si používatelia môžu vybrať možnosť podľa svojich preferencií. Existuje v rôznych formách, ako je začiarkavacie políčko, rozbaľovacia ponuka a prepínač. Presnejšie povedané, rozbaľovacia ponuka poskytuje preddefinované zoznamy možností, ktoré používateľovi umožňujú vybrať si jednu.
Táto príručka vysvetlí postup úpravy farby vybranej možnosti. Na tento účel najprv vytvoríme rozbaľovaciu ponuku a upravíme ju pomocou CSS a potom zmeníme farbu vybranej možnosti.
Začnime!
Ako vytvoriť rozbaľovaciu ponuku pomocou HTML a CSS?
V HTML môžete vytvoriť rozbaľovaciu ponuku pomocou „ <štítok> “, “ “ a „ 'značky.' Aby sme to lepšie pochopili, prejdime na syntax rozbaľovacej ponuky.
Syntax
Tu je syntax rozbaľovacej ponuky:
< štítok > Text štítok > < vyberte > < možnosť hodnotu = '' > možnosť 1 možnosť > < možnosť hodnotu = '' > možnosť2 možnosť >
... < možnosť hodnotu = '' > možnosťN možnosť > vyberte >
Vysvetlime si značky HTML použité vo vyššie uvedenej syntaxi:
<štítok>: Používa sa na špecifikáciu skrátenej voľby
: Tento prvok umožňuje používateľovi vybrať položku zo zoznamu.
: Používa sa na poskytovanie možností pre rozbaľovaciu ponuku.
Tu uvádzame praktický príklad na vysvetlenie vyššie uvedenej syntaxe.
Krok 1: Vytvorte rozbaľovaciu ponuku
Najprv vytvoríme
a pridáme nadpis pomocou tagu
. Ak chcete do nej pridať rozbaľovaciu ponuku, použijeme štítok a pridáme „ Vyberte krajinu “ako označenie. Potom použijeme značku