使用CSS更改链接文本

Question

我想用CSS更改链接文本，但是不起作用。

a.testclass {
  display: none;
}

a.testclass:after {
  content: 'new text';
}

<a class="testclass;" href="someurl.com"> CHANGE THIS HERE </a>

显示对我而言不起作用，但对新文本不起作用。

Answer 1

您可以隐藏原始文本，方法是使用，font-size:0;然后将原始字体大小加回到后面：

a.testclass {
  font-size:0;
}

a.testclass:after {
  content: 'new text';
  font-size:16px;         /* original font size */
}

<a class="testclass" href="someurl.com"> CHANGE THIS HERE </a>