Как убрать подсветку ссылки в css?

Пользователь

от johnpaul.blick , в категории: HTML/CSS , год назад

Как убрать подсветку ссылки в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jensen , 5 месяцев назад

@johnpaul.blick 

Чтобы убрать подсветку ссылки в CSS, вы можете использовать следующий код:

1
2
3
4
5
6
7
8
a:link, a:visited {
  color: inherit; /* Цвет текста ссылки */
  text-decoration: none; /* Убирает подчеркивание под текстом */
}

a:hover, a:active {
  color: inherit; /* Цвет текста ссылки при наведении и нажатии */
}


Этот код устанавливает цвет текста ссылки на тот же, что указан в родительском элементе, и убирает подчеркивание под текстом ссылки. Он также устанавливает цвет текста ссылки при наведении и нажатии на нее на тот же, что указан в родительском элементе.


Обратите внимание, что этот код не будет убирать подсветку ссылки в текстовых браузерах, таких как Lynx. Чтобы убрать подсветку ссылки в таких браузерах, вы можете использовать следующий код:

1
2
3
a:focus {
  outline: none; /* Убирает обводку вокруг ссылки */
}