如何更改超链接字体的颜色？

Question

我有一个超链接生成如下

<i class="fa fa-clock-o fa-4x " aria-hidden="true"></i>
<h4>
  Very fast &amp; easy
</h4>
<p>
    lorem ipsum
</p>

但它有典型的超链接蓝色。如何在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" );