Alle webbrowsere bruger standardfarver til links, hvis webdesigneren ikke angiver dem. De er:
- Standard link farve
- Den aktive link farve (når musen er klikket og holdt over linket)
- Den efterfølgende link farve (når linket blev klikket tidligere)
Plus, mens de fleste webbrowsere ikke ændrer dette som standard, kan du også definere svingerfarven - den farve, linket er, når en mus holdes over den.
Brug CSS til at ændre Link Colors
For at ændre disse farver skal du bruge et Cascading Style Sheet. Den nemmeste måde at ændre linkfarven på er at style taggen:
en {farve: sort; }
Med denne CSS ændrer nogle browsere alle aspekter af linket (aktivt, efterfulgt og svinger) til sort, mens andre kun ændrer standardfarven.
Brug CSS Pseudo-klasser til at ændre alle dele af et link
En pseudoklasse er repræsenteret i CSS med et kolon (:) før klassenavnet. Fire pseudoklasser påvirker links:
Sådan ændres standard link farve:
a: link {farve: rød; }
Sådan ændrer du den aktive farve:
a: aktiv {farve: blå; }
For at ændre den efterfølgende link farve:
a: besøgte {farve: lilla; }
For at ændre musen over farve:
Overvejelser
Undgå at overskrive standard linkfarver for at gøre links vanskeligere at finde. Hvis du for eksempel ændrer et link til en meget lys farve mod en hvid baggrund, vil det påvirke synskadede besøgende negativt. Mål for separate farver for aktive og efterfølgende link farver for at sikre, at besøgende på webstedet ikke bliver forvirrede over hvilke sider de har besøgt.
