Alle nettlesere bruker standardfarger for koblinger hvis webdesigneren ikke angir dem. De er:
- Standard lenkefarge
- Den aktive linkfargen (når musen klikkes og holdes over lenken)
- Følgende lenkefarge (når lenken ble klikket tidligere)
I tillegg, mens de fleste nettlesere ikke endrer dette som standard, kan du også definere svingerfargen - fargen koblingen er når en mus holdes over den.
Bruk CSS til å endre koblingsfarger
For å endre disse fargene, bruk et Cascading Style Sheet. Den enkleste måten å endre lenkefarge på er å style taggen:
en {farge: svart; }
Med dette CSS vil noen nettlesere endre alle aspekter av koblingen (aktiv, etterfulgt og svinger) til svart, mens andre bare vil endre standardfargen.
Bruk CSS Pseudo-klasser til å endre alle deler av en lenke
En pseudoklass er representert i CSS med et kolon (:) før klassenavnet. Fire pseudoklasser påvirker lenker:
Slik endrer du standard lenkefarge:
a: link {color: red; }
Slik endrer du den aktive fargen:
a: aktiv {farge: blå; }
For å endre den etterfølgende lenken farge:
a: besøkt {farge: lilla; }
Slik endrer du musen over fargen:
betraktninger
Unngå å overskrive standard linkfarger for å gjøre koblinger vanskeligere å finne. For eksempel vil endring av en kobling til en veldig lys farge mot en hvit bakgrunn påvirke synskadede besøkende negativt. Mål for separate farger for aktive og etterfølgende linkfarger for å sikre at besøkende ikke blir forvirret om hvilke sider de har besøkt.