2010-12-08 8 views
25

geklickt wird habe ich einen Link in einer HTML-Seite:nicht Linkfarbe ändern, wenn ein Link

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

Die Farbe des Textlink ursprünglich blau ist. Wenn auf den Link geklickt wird, ändert sich die Farbe des Linktextes zuerst zu Rot und dann wieder zu Blau. Ich möchte die Farbe des Linktextes nicht ändern, wenn der Nutzer darauf klickt. Wie kann ich es möglich machen?

Ich versuchte

a:active { 
    color: none; 
} 

in CSS, bekam aber kein Glück.

Und ich möchte nicht, dass dies in CSS verwenden:

a:active { 
    color: blue; 
} 

, weil die ursprüngliche Farbe des Link-Text eine andere als blau sein kann.

Danke.

Edit: die Seite wird auf dem iPhone-Browser angezeigt, und ich möchte ein: aktiv, um die ursprüngliche Link-Textfarbe zu behalten.

Antwort

48

Sie suchen diese:

a:visited{ 
    color:blue; 
} 

Verbindungen haben mehrere Staaten können Sie ändern ... so, wie ich sie in Erinnerung ist LVHFA (Lord Vaders Griff Früher Anakin)

Jeder Buchstabe für eine steht Pseudoklasse: (Link, Besucht, Hover, Fokus, Aktiv)

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

Wenn Sie die Links wollen immer blau sein, nur um sie alle zu blau ändern. Ich würde jedoch bemerken, dass es auf einer Benutzbarkeitsebene nett wäre, wenn der Mausklick die Farbe ein wenig verändern würde (auch wenn sie nur ein helleres/dunkleres Blau ist), um anzuzeigen, dass der Link tatsächlich angeklickt wurde (besonders wichtig in eine Touchscreen-Oberfläche, wo Sie nicht immer sicher sind, dass der Klick tatsächlich registriert wurde)

Wenn Sie verschiedene Arten von Links haben, die alle dieselbe Farbe haben sollen, wenn Sie darauf klicken, 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 sollte beachtet werden, dass nicht alle Browser jede dieser Optionen respektieren ;-)

+0

Das OP möchte wissen, wie man ': active' wie beschrieben verwendet. Ich denke, du solltest die Frage noch einmal durchlesen. – jwueller

+4

Ich liebe die Art, wie du dich an die Zustände erinnerst. Bahahaha! –

0

Sie benötigen einen expliziten Farbwert zu verwenden (z #000 oder blue) für die color -property. none ist hier ungültig. Der Anfangswert ist browserspezifisch und kann nicht mit CSS wiederhergestellt werden. Denken Sie daran, dass es auch andere Pseudoklassen als :active gibt.

+0

Ich benutze IE 9 und ich habe versucht, alles in diesem Beitrag gepostet und kein Glück. Die Farbverbindungen ändert sich noch. – naijacoder

7

geben nur

a{ 
color:blue 
} 

auch wenn ihr besucht wird, wird es immer

+0

Es ist lustig - da ich immer persönlich etwas Farbe ändern möchte, setze ich alle Pseudo-Zustände, aber Sie haben Recht, das ist der einfachste Weg, um es zu verwalten. Wenn Sie Links mit verschiedenen Farben haben wollen, dann funktioniert auch das Hinzufügen einer Klasse: 'a.foo {color: orange;} a.bar {color: green;}' – scunliffe

+0

für mich war das der beste Weg, es zu tun, Andernfalls, wenn Sie es tun, wie in der Antwort von scunliffe erwähnt, JEDE andere ein Tags, die Sie die Farbe von Ihnen stylen möchten, müssen Sie für jeden übersteuern: Link,: besucht, etc. ziemlich schmerzhaft –

23

blau sein Ich denke, das für jede Farbe perfekt zu Ihnen passt haben:

a { 
    color: inherit; 
} 
-1

nicht über Sie erschweren es. Gib dem Link einfach eine Farbe mit den Tags.Es wird eine konstante Farbe hinterlassen, die sich nicht ändert, selbst wenn Sie darauf klicken. In deinem Fall setze es einfach auf blau. Wenn es auf eine bestimmte blaue Farbe eingestellt ist, die Sie nur kopieren möchten, können Sie "print scrn" auf Ihrer Tastatur drücken, Farbe einfügen und mithilfe der Farbauswahl (in Form einer Pipette) die Farbe der Verknüpfung und Ansicht auswählen der Code in den Farbeinstellungen.

Verwandte Themen