Skip to main content

Az alapértelmezett kapcsolat színeinek felülbírálása a webböngészőben a CSS használatával

Minden web böngésző az alapértelmezett színeket használja a linkekhez, ha a web designer nem állítja be azokat. Ők:

  • Az alapértelmezett kapcsolat színe
  • Az aktív kapcsolat színe (ha az egeret rákattintják, és a link fölött tartják)
  • A követett link színe (ha korábban rákattintott a linkre)

Ráadásul, míg a legtöbb internetes böngésző alapértelmezés szerint nem változtatja meg ezt a beállítást, meghatározhatja a lebegő színt is - az a szín, amelyik a kapcsolat, ha egeret tartanak rajta.

Használja a CSS-t a Link színek módosításához

Ezeknek a színeknek a megváltoztatásához használjon Cascading Style Sheet-et. A link színe megváltoztatásának legegyszerűbb módja a címke stílusának beállítása:

a {szín: fekete; }

Ezzel a CSS-sel néhány böngésző megváltoztatja a link összes elemét (aktív, követve és lebegve) a feketére, míg mások csak az alapértelmezett színt változtatják meg.

Használja a CSS Pseudo-osztályokat a Link összes részének módosításához

Az ál-osztály a CSS-ben van egy kettősponttal (:) az osztálynév előtt. Négy pszeudoosztály kapcsolódik a linkekhez:

Az alapértelmezett kapcsolat színének megváltoztatása:

a: link {szín: piros; }

Az aktív szín megváltoztatása:

a: aktív {szín: kék; }

A követett link színe megváltoztatása:

a: visited {color: purple; }

Az egér színének megváltoztatása:

a: ugrás {szín: zöld; }

szempontok

Kerülje az alapértelmezett kapcsolat színeinek felülírását, nehogy a hivatkozások nehezebbek legyenek megtalálni. Például ha egy fehér háttérrel összeköti egy nagyon világos színű linket, hátrányosan befolyásolja a látássérült látogatókat. Az aktív és a követett linkekhez külön színek célzása is, annak érdekében, hogy a webhely látogatói ne legyenek zavarodva arra, hogy mely oldalakat látogatták meg.