Вопросы Теги

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

Основываясь на вашей второй ссылке, вы можете сделать это следующим образом: 

var selectId = document.getElementById("yourSelect");

selectId.onchange=function(){
   var selectedValue = selectId.options[selectId.selectedIndex].value; 
   var selectedText = selectId.options[selectId.selectedIndex].text;

   selectId.style.width = 20 + (selectedText.length * 8) + "px";
}

Тест: http://jsfiddle.net/ndquxquu/

29
задан Andrew Hendrie 24 March 2015 в 05:23
поделиться

9 ответов

Текстовое оформление влияет на подчеркивание, а не на цвет.

Чтобы установить для посещаемого цвета тот же цвет, что и по умолчанию, попробуйте: 

a { 
    color: blue;
}

Или 

a {
    text-decoration: none;
}
a:link, a:visited {
    color: blue;
}
a:hover {
    color: red;
}
46
ответ дан Matt Stauffer 24 March 2015 в 05:23
поделиться

Просто дайте ему цвет CSS

, например: 

a
{
 color:red;
}
5
ответ дан Royi Namir 24 March 2015 в 05:23
поделиться

Во избежание дублирования кода , я рекомендую вам определить цвет один раз для обоих состояний: 

a, a:visited{
     color: /* some color */;
}

Этот, независимый, будет поддерживать ваш <a> цвет ( каким бы ни был этот цвет), даже если ссылка была посещена.

Обратите внимание, что, если цвет элемента внутри <a> наследуется (например, цвет задается в body), вы можете сделать следующий трюк: 

a, a:visited {
    color: inherit;
}
43
ответ дан eversor 24 March 2015 в 05:23
поделиться

Для применения на всех тегах привязки используйте

CSS 

a:visited{
    color:blue;
}

Для применения только на некоторых тегах привязки используйте

CSS 

.linkcolor a:visited{
    color:blue;
}

HTML 

<span class="linkcolor"><a href="http://stackoverflow.com/" target="_blank">Go to Home</a></span>
2
ответ дан BlackHat 24 March 2015 в 05:23
поделиться

Если вы хотите установить новый цвет или предотвратить изменение цвета конкретной ссылки после ее посещения , добавьте внутрь тега этой ссылки: 

<a style="text-decoration:none; color:#ff0000;" href="link.html">test link</a>

Над цветом # ff0000, но вы можете сделать все, что захотите.

2
ответ дан Jon Grant 24 March 2015 в 05:23
поделиться

Нечто подобное должно работать: 

a, a:visited { 
    color:red; text-decoration:none; 
    }
2
ответ дан James Johnson 24 March 2015 в 05:23
поделиться 
(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>
1
ответ дан TryThis 24 March 2015 в 05:23
поделиться

вы можете использовать другой класс:

как 

.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>
1
ответ дан slfan 24 March 2015 в 05:23
поделиться 
a:visited
{
color: #881033;
}

(или любой другой цвет)

text-decoration для подчеркивания (подчеркивание и т. Д. decoration не является действительным правилом CSS).

1
ответ дан MiDo 24 March 2015 в 05:23
поделиться