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

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 (Handle Лорда Вейдера Раньше Энакин)

Каждая буква обозначает псевдо-класс: (Link, посетили, Hover, Focus, Активный)

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

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

Answer 3

просто дать

a{ 
color:blue 
} 

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

Answer 4

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

a { 
    color: inherit; 
} 

Answer 5

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