Skip to main content

Замяна на цветовете по подразбиране на връзките в уеб браузър, използващ CSS

Week 9 (Април 2025)

Week 9 (Април 2025)
Anonim

Всички уеб браузъри използват цветове по подразбиране за връзки, ако уеб дизайнерът не ги настрои. Те са:

  • Цветът на връзката по подразбиране
  • Активният цвят на връзката (когато мишката е натисната и задържана върху връзката)
  • Следващият цвят на връзката (когато връзката е кликвана по-рано)

Освен това, докато повечето уеб браузъри не променят това по подразбиране, можете също така да определите цвета на курсора на мишката - цветът на връзката, когато мишката се задържи.

Използвайте CSS за промяна на цветовете на връзките

За да промените тези цветове, използвайте Cascading Style Sheet. Най-лесният начин да промените цвета на връзката е да подредите маркера:

a {цвят: черен; }

С този CSS някои браузъри ще променят всички аспекти на връзката (активни, следвани и задържащи) до черно, докато други ще променят цвета по подразбиране.

Използвайте псевдокласите на CSS, за да промените всички части на връзката

Псевдокласът е представен в CSS с двоеточие (:) преди името на класа. Четири псевдо-класа засягат връзки:

За да промените цвета на връзката по подразбиране:

а: връзка {цвят: червен; }

За да промените активния цвят:

а: активен {цвят: син; }

За да промените последвалия цвят на връзката:

a: посетен {цвят: лилав; }

За да промените цвета на мишката:

а: задръжте {цвят: зелен; }

Съображенията

Избягвайте да презаписвате цветовете по подразбиране, за да направите връзките по-трудни за намиране. Например, промяната на връзка към много светъл цвят на бял фон ще окаже неблагоприятно въздействие върху посетителите с увредено зрение. Намерете отделни цветове за активните и последващите цветове, за да сте сигурни, че посетителите на сайта не се бъркат за посещаваните от вас страници.