Не меняйте цвет ссылки при нажатии ссылки.

У меня есть ссылка на странице HTML:

<a href="#foo">foo</a>

Цвет текста ссылки изначально синий. Когда щелкнуть ссылку, цвет текста ссылки сначала изменится на красный, а затем изменится на синий. Я хочу, чтобы цвет текста ссылки не менялся, когда пользователь нажимает на него. Как я могу это сделать?

Я пробовал

a:active {
    color: none;
}

в CSS, но не получилось.

И я не хочу использовать это в CSS:

a:active {
    color: blue;
}

потому что исходный цвет текста ссылки может быть чем-то иным, чем синим.

Спасибо.

Изменить: страница отображается в браузере iPhone, и я хочу сделать: active, чтобы сохранить исходный текст текста ссылки.

Ответы

Ответ 1

вы ищете:

a:visited{
  color:blue;
}

Ссылки имеют несколько состояний, которые вы можете изменить... так, как я их помню, это LVHFA (Lord Vader Handle ранее Anakin)

Каждая буква обозначает псевдокласс: (Ссылка, Посещение, Наведение, Фокус, Актив)

a:link{
  color:blue;
}
a:visited{
  color:purple;
}
a:hover{
  color:orange;
}
a:focus{
  color:green;
}
a:active{
  color:red;
}

Если вы хотите, чтобы ссылки всегда были синими, просто измените их все на синий. Я бы заметил, хотя на уровне юзабилити было бы неплохо, если бы щелчок мыши заставил цвет немного измениться (даже если он был светлее/темнее синим), чтобы указать, что ссылка была нажата (это особенно важно в интерфейс с сенсорным экраном, где вы не всегда уверены, что клик был фактически зарегистрирован)

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

a.foo, a.foo:link, a.foo:visited, a.foo:hover, a.foo:focus, a.foo:active{
  color:green;
}
a.bar, a.bar:link, a.bar:visited, a.bar:hover, a.bar:focus, a.bar:active{
  color:orange;
}

Следует отметить, что не все браузеры уважают каждый из этих параметров; -)

Ответ 2

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

a {
    color: inherit;
}

Ответ 3

просто дайте

a{
color:blue
}

даже если его посещают, он всегда будет синим

Ответ 4

Для color -property необходимо использовать явное значение цвета (например, #000 или blue). none здесь недействителен. Начальное значение зависит от браузера и не может быть восстановлено с помощью CSS. Имейте в виду, что существуют и другие псевдоклассы, чем :active.

Ответ 5

Не переусердствуйте. Просто дайте ссылке цвет, используя теги. Он оставит постоянный цвет, который не изменится, даже если вы нажмете его. Поэтому в вашем случае просто установите его в синий цвет. Если он установлен на определенный цвет синего цвета, который вы хотите скопировать, вы можете нажать "печать" на клавиатуре, вставить краску, а с помощью набора цветов (в форме капельницы) выбрать цвет ссылки и просмотреть код в настройках цвета.