Alla webbläsare använder standardfärger för länkar om webbdesignern inte ställer in dem. Dom är:
- Standard länkfärg
- Den aktiva länkfärgen (när musen klickas och hålls över länken)
- Den efterföljande länkfärgen (när länken klickades tidigare)
Plus, medan de flesta webbläsare inte ändrar det som standard kan du också definiera svängfärgen - den färg länken är när en mus hålls över den.
Använd CSS för att ändra länkfärger
För att ändra dessa färger, använd ett Cascading Style Sheet. Det enklaste sättet att ändra länkfärgen är att utforma taggen:
en {färg: svart; }
Med denna CSS ändrar vissa webbläsare alla aspekter av länken (aktiv, följd och svävar) till svart medan andra bara ändrar standardfärgen.
Använd CSS Pseudo-klasser för att ändra alla delar av en länk
En pseudoklass är representerad i CSS med ett kolon (:) före klassnamnet. Fyra pseudoklasser påverkar länkar:
Så här ändrar du standardlänkfärgen:
a: länk {färg: röd; }
Så här ändrar du den aktiva färgen:
a: aktiv {färg: blå; }
För att ändra den efterföljande länkfärgen:
a: besökte {färg: lila; }
För att ändra musen över färg:
överväganden
Undvik att skriva över standardlänkfärger för att göra länkar svårare att hitta. Om du t.ex. byter en länk till en mycket ljus färg mot en vit bakgrund, påverkar den synskadade besökaren negativt. Syfta för separata färger för aktiva och efterföljande färger, för att säkerställa att besökare inte blir förvirrad över vilka sidor de har besökt.
