Подтвердить что ты не робот

Как сделать ссылку не менять цвет после посещения?

У меня есть этот css:

a:visited 
{
    text-decoration: none; 
    decoration: none; 
}

После посещения ссылки меняется цвет.

Это происходит с ссылкой "Просмотреть все проблемы" в нижней части правой части этой страницы: http://www.problemio.com

Спасибо!

4b9b3361

Ответ 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 &#9829;</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>