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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jensen , 2 года назад

@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; /* Убирает обводку вокруг ссылки */
}


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

от cloyd , год назад

@johnpaul.blick 

Для того чтобы убрать подсветку ссылки в css, нужно использовать псевдокласс :visited и применить к нему стили, которые отменят подсветку. Например:

1
2
3
4
a:visited {
    color: inherit; /* использует цвет ссылки по умолчанию */
    text-decoration: none; /* убирает подчеркивание ссылки */
}