webentwicklung-frage-antwort-db.com.de

Ändern Sie die Link-Farbe nicht, wenn auf einen Link geklickt wird

Ich habe einen Link in einer HTML-Seite:

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

Die Farbe des Linktextes ist ursprünglich blau. Wenn Sie auf den Link klicken, ändert sich die Farbe des Linktextes zuerst in Rot und dann wieder in Blau. Ich möchte, dass sich die Farbe des Linktextes nicht ändert, wenn der Benutzer darauf klickt. Wie kann ich es schaffen?

Ich habe es versucht 

a:active {
    color: none;
}

in CSS, aber kein Glück.

Und ich möchte das nicht in CSS verwenden:

a:active {
    color: blue;
}

, weil die ursprüngliche Farbe des Linktextes nicht blau sein kann.

Vielen Dank.

Bearbeiten: Die Seite wird im iPhone-Browser angezeigt, und ich möchte ein: aktivieren, um die ursprüngliche Link-Textfarbe beizubehalten.

27
Kai

sie suchen das:

a:visited{
  color:blue;
}

Links haben verschiedene Zustände, die Sie ändern können. Die Art, wie ich mich an sie erinnere, ist LVHFA (Lord Vaders Griff, früher Anakin).

Jeder Buchstabe steht für eine Pseudoklasse: (Link, Visited, Hover, Focus, Active)

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

Wenn die Links immer blau sein sollen, ändern Sie einfach alle in blau. Ich würde zwar auf einer Usability-Ebene beachten, es wäre schön, wenn der Mausklick die Farbe etwas verändert hätte (auch wenn es nur ein helleres/dunkleres Blau ist), um anzuzeigen, dass der Link tatsächlich angeklickt wurde (dies ist besonders wichtig in eine Touchscreen-Oberfläche, bei der Sie nicht immer sicher sind, ob der Klick tatsächlich registriert wurde)

Wenn Sie verschiedene Arten von Links haben, die beim Anklicken alle dieselbe Farbe haben sollen, fügen Sie den Links eine Klasse hinzu.

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

Es ist zu beachten, dass nicht alle Browser jede dieser Optionen berücksichtigen ;-)

51
scunliffe

Ich denke, das passt perfekt für jede Farbe, die Sie haben:

a {
    color: inherit;
}
25
Mihai

gib einfach 

a{
color:blue
}

selbst wenn es besucht wird, wird es immer blau sein

7
Anish Joseph

Sie müssen einen expliziten Farbwert (z. B. #000 oder blue) für die color- Eigenschaft verwenden. none ist hier ungültig. Der Anfangswert ist browserspezifisch und kann nicht mit CSS wiederhergestellt werden. Beachten Sie, dass es auch andere Pseudoklassen als :active gibt.

0
jwueller