CSSని ఉపయోగించి ఎంచుకున్న ఎంపిక రంగును ఎలా మార్చాలి

Cssni Upayoginci Encukunna Empika Rangunu Ela Marcali



ఒకే మూలకం యొక్క బహుళ విలువలు ఉనికిలో ఉన్నప్పుడు వినియోగదారుకు ఎంపికలు అందించబడతాయి, వినియోగదారులు వారి ప్రాధాన్యతల ప్రకారం ఒక ఎంపికను ఎంచుకోవచ్చు. ఇది చెక్‌బాక్స్, డ్రాప్-డౌన్ మెను మరియు రేడియో బటన్ వంటి విభిన్న రూపాల్లో ఉంది. మరింత ప్రత్యేకంగా, డ్రాప్-డౌన్ మెను వినియోగదారుని ఒకదాన్ని ఎంచుకోవడానికి అనుమతించే ఎంపికల యొక్క ముందే నిర్వచించిన జాబితాలను అందిస్తుంది.

ఈ మాన్యువల్ ఎంచుకున్న ఎంపిక యొక్క రంగును సవరించే విధానాన్ని వివరిస్తుంది. దీని కోసం, ముందుగా, మేము ఒక డ్రాప్-డౌన్ మెనుని సృష్టించి, CSSని ఉపయోగించి దాన్ని స్టైల్ చేసి, ఆపై ఎంచుకున్న ఎంపిక రంగును మారుస్తాము.







ప్రారంభిద్దాం!



HTML & CSSని ఉపయోగించి డ్రాప్-డౌన్ మెనూని ఎలా సృష్టించాలి?

HTMLలో, ''ని ఉపయోగించడం ద్వారా మీరు డ్రాప్-డౌన్ మెనుని సృష్టించవచ్చు <లేబుల్> ',' <ఎంచుకోండి> 'మరియు' ' టాగ్లు. మరింత స్పష్టంగా అర్థం చేసుకోవడానికి, డ్రాప్-డౌన్ మెను యొక్క సింటాక్స్‌కు వెళ్దాం.



వాక్యనిర్మాణం





డ్రాప్-డౌన్ మెను యొక్క సింటాక్స్ ఇక్కడ ఉంది:

< లేబుల్ > వచనం లేబుల్ >
< ఎంచుకోండి >
< ఎంపిక విలువ = '' > ఎంపిక 1 ఎంపిక >
< ఎంపిక విలువ = '' > ఎంపిక 2 ఎంపిక >

...
< ఎంపిక విలువ = '' > ఎంపికN ఎంపిక >
ఎంచుకోండి >



పై సింటాక్స్‌లో ఉపయోగించిన HTML ట్యాగ్‌లను వివరించండి:

  • ఇది టెక్స్ట్ రూపంలో సంక్షిప్త ఎంపిక
  • <ఎంచుకోండి>: ఈ మూలకం జాబితా నుండి ఒక అంశాన్ని ఎంచుకోవడానికి వినియోగదారుని అనుమతిస్తుంది.
  • ఇది డ్రాప్-డౌన్ మెను కోసం ఎంపికలను అందించడానికి ఉపయోగించబడుతుంది.

పై వాక్యనిర్మాణాన్ని వివరించడానికి ఇక్కడ మేము ఒక ఆచరణాత్మక ఉదాహరణను అందిస్తున్నాము.

దశ 1: డ్రాప్-డౌన్ మెనుని సృష్టించండి

ముందుగా, మేము

ని సృష్టిస్తాము మరియు

ట్యాగ్‌ని ఉపయోగించి శీర్షికను జోడిస్తాము. దాని లోపల డ్రాప్-డౌన్ మెనుని జోడించడానికి, మేము లేబుల్ ట్యాగ్‌ని ఉపయోగిస్తాము మరియు ' ఒక దేశాన్ని ఎంచుకోండి ” లేబుల్ గా. ఆ తర్వాత, మేము వినియోగదారు కోసం ఎంపికలను ఇష్టపడేలా చేయడానికి