Как сделать ссылку не менять цвет после посещения?
У меня есть этот css:
a:visited
{
text-decoration: none;
decoration: none;
}
После посещения ссылки меняется цвет.
Это происходит с ссылкой "Просмотреть все проблемы" в нижней части правой части этой страницы: http://www.problemio.com
Спасибо!
Ответы
Ответ 1
Декорация текста влияет на подчеркивание, а не на цвет.
Чтобы установить посещенный цвет таким же, как и по умолчанию, попробуйте:
a {
color: blue;
}
Или
a {
text-decoration: none;
}
a:link, a:visited {
color: blue;
}
a:hover {
color: red;
}
Ответ 2
Чтобы избежать дублирования кода, я рекомендую вам определить цвет один раз для обоих состояний:
a, a:visited{
color: /* some color */;
}
Это, indeeed, будет поддерживать ваш цвет <a>
(независимо от этого цвета) даже при посещении ссылки.
Обратите внимание, что, если цвет элемента внутри <a>
наследуется (например, цвет установлен в body
), вы можете сделать следующий трюк:
a, a:visited {
color: inherit;
}
Ответ 3
Просто дайте цвет css
like:
a
{
color:red;
}
Ответ 4
Что-то вроде этого должно работать:
a, a:visited {
color:red; text-decoration:none;
}
Ответ 5
Если вы хотите установить новый цвет или предотвратить изменение цвета конкретной ссылки после посещения, добавьте внутри тега этой ссылки:
<a style="text-decoration:none; color:#ff0000;" href="link.html">test link</a>
Над цветом # ff0000, но вы можете сделать все, что захотите.
Ответ 6
a:visited
{
color: #881033;
}
(или любой цвет, который вы хотите)
text-decoration
предназначен для подчеркивания (перекрытия и т.д.).
decoration
не является допустимым правилом css.
Ответ 7
(Header CSS:)
<style>
a {
color: #ccc; /* original colour state*/
}
a:active {
color: #F66;
}
a[tabindex]:focus {
color: #F66;
outline: none;
}
</style>
(Body HTML:)
<a href="javascript:;" style="font-size:36px; text-decoration:none;" tabindex="1">click me ♥</a>
Ответ 8
вы можете использовать другой класс:
как
.clase
{
text-decoration-color: none;
color: #682864;
text-decoration: none;
}
.clase2:hover
{
color: white;
text-decoration: none;
}
<a href="#" class="clase2 clase"> link que no tiene subrayado ni color standar</a>
Ответ 9
Для приложения на всех тэгах привязки используйте
CSS
a:visited{
color:blue;
}
Для приложений только для некоторых привязанных тегов используйте
CSS
.linkcolor a:visited{
color:blue;
}
HTML
<span class="linkcolor"><a href="#" onclick="location.href='http://stackoverflow.com/'; return false;" target="_blank">Go to Home</a></span>