使用CSS更改链接文本

Question

我想用CSS更改我的链接Text，但它不起作用。

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

{{1}}

显示无效，但不适用于新文本。

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>

Answer 2

试试这个：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用font-size: 0隐藏原始文本。要恢复原始大小，请使用font-size: initial。您无需担心原始值。

a.testclass {
  font-size: 0;
}

a.testclass:after {
  content: 'new text';
  font-size: initial;
}

Answer 4

试试这个

a.testclass {
  visibility:hidden;
}
a.testclass:before {
  content: 'new text';
  visibility:visible;
}

<a class="testclass" href="example.com">Link</a>