Skip to main content

CSS ఉపయోగించి వెబ్ బ్రౌజర్లో డిఫాల్ట్ లింక్ రంగులు భర్తీ

Anonim

వెబ్ డిజైనర్ వాటిని సెట్ చేయకపోతే అన్ని వెబ్ బ్రౌజర్లు లింకులు కోసం డిఫాల్ట్ రంగులను ఉపయోగిస్తాయి. వారు:

  • డిఫాల్ట్ లింక్ రంగు
  • చురుకుగా లింక్ రంగు (మౌస్ క్లిక్ చేసి లింక్పై ఉంచినప్పుడు)
  • కింది లింక్ రంగు (లింక్ గతంలో క్లిక్ చేసినప్పుడు)

ప్లస్, చాలా వెబ్ బ్రౌజర్లు అప్రమేయంగా ఈ మారవు, మీరు కూడా హోవర్ రంగు నిర్వచించలేదు - రంగు మౌస్ అది నిర్వహించినప్పుడు లింక్.

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

ఈ రంగులు మార్చడానికి, క్యాస్కేడింగ్ స్టైల్ షీట్ ఉపయోగించండి. లింక్ రంగుని మార్చడానికి సులువైన మార్గం ట్యాగ్ శైలి:

ఒక {రంగు: నలుపు; }

ఈ CSS తో, కొన్ని బ్రౌజర్లు లింక్ యొక్క అన్ని అంశాలను (క్రియాశీల, అనుసరణ మరియు హోవర్) బ్లాక్ చేస్తాయి, మరికొందరు డిఫాల్ట్ రంగును మాత్రమే మారుస్తారు.

లింక్ యొక్క అన్ని భాగాలను మార్చడానికి CSS సూడో-తరగతులను ఉపయోగించండి

ఒక నకిలీ తరగతి CSS లో ఒక కోలన్ తో (CSS పేరు ప్రాతినిధ్యం ఉంది తరగతి పేరు ముందు. నాలుగు నకిలీ తరగతులు లింకులు ప్రభావితం:

డిఫాల్ట్ లింక్ రంగుని మార్చడానికి:

a: లింక్ {color: red; }

చురుకుగా రంగు మార్చడానికి:

a: క్రియాశీల {రంగు: నీలం; }

కింది లింక్ రంగుని మార్చడానికి:

a: సందర్శించిన {రంగు: ఊదా; }

రంగులో మౌస్ను మార్చడానికి:

a: హోవర్ {color: green; }

ప్రతిపాదనలు

లింక్లను కనుగొనడం కష్టతరం చేయడానికి డిఫాల్ట్ లింక్ రంగులు తిరిగి రాయడం మానుకోండి. ఉదాహరణకు, ఒక తెల్ల నేపధ్యంలో చాలా తేలిక రంగుకు లింకును మార్చడం దృశ్యమాన వైఫల్య సందర్శకులను ప్రతికూలంగా ప్రభావితం చేస్తుంది. సైట్ సందర్శకులు వారు సందర్శించిన పేజీల గురించి గందరగోళంగా లేరని నిర్ధారించడానికి, చురుకుగా మరియు అనుసరిస్తున్న లింక్ రంగులకు ప్రత్యేక రంగులు కోసం లక్ష్యం.