使用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;隐藏原始文本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

试试这个：

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

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

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>