使用CSS隐藏链接上的工具提示

Question

我使用脚本在网站上显示链接，默认情况下，它们在我要隐藏的所有链接上显示工具提示。 他们的支持说：

每个链接都有CSS类“ vglnk”。 这使得样式化样式就像在网站的CSS中添加一条规则一样容易。

例如，这将更改颜色：

a.vglnk {
    color: #F7923C;
}

我要添加什么代码以隐藏链接上的工具提示？

Answer 1

首先，您可以执行一次a：link a：hover a：active a：visit，以便一次设置所有超链接的样式。 除非您希望某些超链接有所不同，否则我看不出任何优势。 对于那些很少的人，您可以使用例如div名称。

如果您想隐藏工具提示，则必须了解超链接的工作方式。

我可以告诉你，每个超链接都有一个标题。 通常，标题是用超链接标题自动填充的（对于rss）。 我还假设您在这里谈论rss。 但是，如果您希望工具提示消失，请在超链接中添加标题，并将其留空。

title =“”，你很好。

成功。

Answer 2

由于该工具提示可能是通过JavaScript处理的，因此您可能需要查看其实现以找出隐藏方法。 真正没有样式提示工具的标准CSS方法。

Answer 3

您可以更改HTML吗？ 从链接中删除title属性将删除工具提示。 如果没有，则用来显示这些链接的脚本也可以删除title标签。

演示： http ： //jsfiddle.net/ThinkingStiff/X98n4/

脚本：

var links = document.getElementsByTagName( 'a' );

for( var index = 0; index < links.length; index++ ) {
    links[index].removeAttribute( 'title' );  
};

HTML：

<a href="http://thinkingstiff.com" title="tooltip">thinkingstiff.com</a>
<a href="http://thinkingstiff.com" title="tooltip">thinkingstiff.com</a>