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

Question

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

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

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

Я пытался

a:active {
    color: none;
}

в CSS, но не повезло.

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

a:active {
    color: blue;
}

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

Спасибо.

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

Answer 1

Вы ищете это:

a:visited{
  color:blue;
}

У ссылок есть несколько состояний, которые вы можете изменить ... я помню их как LVHFA (Ручка лорда Вейдера, ранее Энакин)

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

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;
}

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

Answer 2

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

a {
    color: inherit;
}

Answer 3

просто дай

a{
color:blue
}

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

Answer 4

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

Answer 5

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