Переопределить цвета ссылок по умолчанию в веб-браузере с помощью CSS

Все веб-браузеры используют цвета ссылок по умолчанию, если веб-дизайнер их не устанавливает. Они есть:

  • Цвет ссылки по умолчанию
  • Цвет активной ссылки (при нажатии и удерживании мыши над ссылкой)
  • Цвет следующей ссылки (когда ссылка была нажата ранее)

Кроме того, хотя большинство браузеров не изменяют это по умолчанию, вы также можете определить цвет при наведении курсора — цвет ссылки, когда мышь над ним удерживается.

Используйте CSS для изменения цвета ссылок

Чтобы изменить эти цвета, используйте каскадную таблицу стилей. Самый простой способ изменить цвет ссылки — стилизовать тег:

{цвет: черный; }

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

Используйте псевдоклассы CSS, чтобы изменить все части ссылки

Псевдокласс представлен в CSS с двоеточием (:) перед именем класса. Четыре псевдокласса влияют на ссылки:

Чтобы изменить цвет ссылки по умолчанию:

a: link {color: red; }

Чтобы изменить активный цвет:

a: active {цвет: синий; }

Чтобы изменить цвет следующей ссылки:

a: посетил {цвет: фиолетовый; }

Чтобы навести курсор мыши на цвет:

a: hover {цвет: зеленый; }

Соображения

Старайтесь не перезаписывать цвета ссылок по умолчанию, чтобы их было труднее найти. Например, изменение ссылки на очень светлый цвет на белом фоне отрицательно скажется на посетителях с нарушениями зрения. Также постарайтесь использовать разные цвета для активных цветов и ссылок, чтобы посетители не запутались в том, какие страницы они посетили.

Ссылка на основную публикацию