有没有办法只使用CSS替换链接的内容?我不想隐藏链接,只是替换其中的文本,例如将<a href="">text</a>
更改为<a href="">bla bla</a>
。
我之前和之后都知道,但我仍然需要链接,因此我无法隐藏<a>
标记。
答案 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。