2016-05-31 20 views
0

ich eine Hyperlink Generation mit wie unterWie ändert man die Schriftfarbe eines Hyperlinks?

$element.html(indicator.link(url)); 

aber es kommt in typischer Hyperlinks blauer Farbe. Wie kann ich die Schriftfarbe dieses Hyperlinks in Javascript ändern?

+2

Verwenden CSS für alle Styling. Sie könnten Ihrem jQuery-Element eine Klasse hinzufügen, in der die Klasse Stylings für die Links enthält. Beispiele für das CSS auf dem Link finden Sie unter http://stackoverflow.com/a/11955727/864233. – romellem

+1

Was stimmt mit einem guten alten CSS-Selektor nicht? –

+0

Haben Sie die ID dieses Elements, nachdem Sie es erstellt haben? – Observer

Antwort

4

Am besten mit CSS. JavaScript ist für modifying behavior, während CSS zum Stylen verwendet wird. Die Verwendung von JavaScript ist sehr verpönt.

Das heißt, diese Frage hängt davon ab, welche Art von Status der Link ist. Für nicht besuchte Links, verwenden Sie die :link Pseudoselector.

a:link { color: green; }
<a href="http://www.espn.com">Visit ESPN!</a>

Für Links, die Sie bereits besucht haben, können Sie jetzt die :visited pseudo-Klasse verwenden.

a:visited { color: red; }
<a href="http://www.youtube.com">Visit YouTube!</a>

Für Links schweben Sie nur, :hover

a:hover { color: pink; }
<a href="http://www.pineapplesandoranges.com">Pineapples and Oranges</a>

Sie absolut nicht JavaScript verwenden sollten, verwenden über. Aber hier ist die Lösung dafür sowieso.

var link = document.getElementById("my-link"); 
 

 
link.style.color = "green";
<a id="my-link" href="http://www.zebras.com">Zebras</a>

1

Versuch:

$element.html(indicator.link(url)); 
$element.css('color','#000'); 

Oder:

$('a').css('color','#000'); 

Aber alle Links mit einem Tag wiederum schwarz machen würde.

+0

Ich habe dies versucht, aber es ändert nicht die Standardfarbe des Hyperlinks. – Memoc

1

gut aussehen, wenn wie Sie mit Jquery arbeiten

Eine Option mit der CSS- ist()

$element.html(indicator.link(url)); 
$element.css("color", "red"); 
+0

Ich habe dies versucht, aber es ändert nicht die Standardfarbe des Hyperlinks. – Memoc

Verwandte Themen