如何更改超鏈接的字體顏色？

Question

我有一個超鏈接生成像下面

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

，但它有典型的超鏈接的藍色。我怎樣才能改變這個超鏈接的字體在JavaScript中的顏色？

Answer 1

最好用CSS做到這一點。 JavaScript用於modifying behavior，而CSS用於樣式。使用JavaScript對此非常不滿。

也就是說，這個問題取決於鏈接所處的狀態。對於未訪問的鏈接，請使用:link假選擇器。

a:link { color: green; }

<a href="http://www.espn.com">Visit ESPN!</a>

對於您已經訪問過的鏈接，你現在可以使用:visited僞類。

a:visited { color: red; }

<a href="http://www.youtube.com">Visit YouTube!</a>

對於鏈接你只是在上空盤旋，使用:hover

a:hover { color: pink; }

<a href="http://www.pineapplesandoranges.com">Pineapples and Oranges</a>

你絕對不應該使用JavaScript。但無論如何，這裏就是解決方案。

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

 
link.style.color = "green";

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

Answer 2

嘗試：

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

或者：

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

但是，這將使具有標籤變黑的所有鏈接。

Answer 3

很好的樣子，如果像你使用jQuery

一種選擇是用的CSS（）

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