我有一个像下面这样的超链接生成
$element.html(indicator.link(url));
但它带有典型的蓝色超链接。如何在 javascript 中更改此超链接的字体颜色?
最佳答案
最好使用 CSS 来完成此操作。 JavaScript 用于修改行为
,而 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>
关于javascript - 如何更改超链接的字体颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37554013/