Skip to main content

Overstyr Standard Linkfarger på en nettleser ved hjelp av CSS

Bjørnar Moxnes konfronterer arbeidsministeren om EUs overstyring av det norske arbeidslivet (April 2025)

Bjørnar Moxnes konfronterer arbeidsministeren om EUs overstyring av det norske arbeidslivet (April 2025)
Anonim

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:

a: svever {farge: grønn; }

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.