Kako promijeniti boju odabrane opcije pomoću CSS-a
Kako Promijeniti Boju Odabrane Opcije Pomocu Css A
Mogućnosti se daju korisniku kada postoji više vrijednosti jednog elementa, odakle korisnici mogu odabrati opciju prema svojim željama. Postoji u različitim oblicima, kao što je potvrdni okvir, padajući izbornik i radio gumb. Točnije, padajući izbornik nudi unaprijed definirane popise opcija koje korisniku omogućuju odabir jedne.
Ovaj priručnik će objasniti postupak za promjenu boje odabrane opcije. Za ovo ćemo prvo stvoriti padajući izbornik i stilizirati ga pomoću CSS-a, a zatim promijeniti boju odabrane opcije.
Započnimo!
Kako stvoriti padajući izbornik pomoću HTML-a i CSS-a?
U HTML-u možete stvoriti padajući izbornik pomoću ' ”, “ ' i ' ' oznake. Za jasnije razumijevanje, prijeđimo na sintaksu padajućeg izbornika.
Sintaksa
Evo sintakse padajućeg izbornika:
< označiti > Tekst označiti > < Odaberi > < opcija vrijednost = '' > option1 opcija > < opcija vrijednost = '' > opcija2 opcija >
Objasnimo HTML oznake koje se koriste u gornjoj sintaksi:
: Koristi se za određivanje skraćene opcije
: Ovaj element omogućuje korisniku odabir stavke s popisa.
: Koristi se za pružanje opcija za padajući izbornik.
Ovdje predstavljamo praktičan primjer za objašnjenje gornje sintakse.
Korak 1: Napravite padajući izbornik
Prvo ćemo izraditi
i dodati naslov pomoću
oznake. Da bismo unutar njega dodali padajući izbornik, upotrijebit ćemo oznaku oznake i dodati ' Odaberite zemlju ” kao oznaku. Nakon toga, koristit ćemo oznaku