Všetky webové prehliadače používajú predvolené farby pre odkazy, ak ich webový návrhár nenastaví. Oni sú:
- Predvolená farba odkazu
- Aktívna farba odkazu (po kliknutí a držaní myši nad odkazom)
- Nasledujúca farba odkazu (keď bol odkaz už predtým kliknutý)
Navyše, zatiaľ čo väčšina webových prehliadačov to predvolene nezmení, môžete tiež definovať farbu vznášania - farbu, ktorú odkazuje, keď je myš držaná nad ňou.
Použite CSS na zmenu farieb odkazov
Ak chcete zmeniť tieto farby, použite kaskádový štýl. Najjednoduchší spôsob zmeny farby odkazu je štýl štítku:
a {farba: čierna; }
Pomocou tohto prehliadača CSS niektoré prehliadače zmení všetky aspekty odkazu (aktívne, nasledované a ukazujú na čierne), zatiaľ čo iné budú meniť len predvolenú farbu.
Použiť pseudotriedy CSS na zmenu všetkých častí odkazu
Pseudo-trieda je zastúpená v CSS s dvojbodkou (:) pred názvom triedy. Štyri pseudotriedy ovplyvňujú odkazy:
Zmena predvolenej farby odkazu:
a: odkaz {farba: červená; }
Ak chcete zmeniť aktívnu farbu:
a: aktívna {farba: modrá; }
Ak chcete zmeniť nasledujúcu farbu odkazu:
a: navštívené {farba: fialová; }
Ak chcete zmeniť myš nad farbou:
a: vznášať sa {farba: zelená; }
dôležité informácie
Vyhnite sa prepísaniu predvolených farieb odkazov, aby sa ťažšie vyhľadali odkazy. Napríklad zmena odkazu na veľmi svetlú farbu na bielom pozadí nepriaznivo ovplyvní návštevníkov so zrakovým postihnutím. Zamerajte sa na samostatné farby aktívnych farieb a farieb s následnou linkou, aby ste sa uistili, že návštevníci stránok nebudú zmätení o tom, ktoré stránky navštívili.