如何用CSS替换链接的内容?

时间:2015-08-19 14:46:16

标签: css

有没有办法只使用CSS替换链接的内容?我不想隐藏链接,只是替换其中的文本,例如将<a href="">text</a>更改为<a href="">bla bla</a>

我之前和之后都知道,但我仍然需要链接,因此我无法隐藏<a>标记。

2 个答案:

答案 0 :(得分:3)

您可以使用font-size:0然后在伪元素上重置它。

a {
    font-size:0;
}

a:before {
    content:"new text";
    font-size:1rem;
}
<a href="">text</a>

请注意,某些broswer(可能是较旧的Chrome)不允许您将字体大小减少到某些值以下[4px?](IIRC)

答案 1 :(得分:1)

.mylink {
  visibility: hidden;
}

.mylink:before {
  content: "My New Content";
  visibility: visible;
}

请参阅fiddle