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

时间:2011-12-24 01:47:29

标签: html css

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

  

每个链接都有CSS类“vglnk”。这使得它们的样式变得简单   为您的网站的CSS添加一条规则。

例如,这会改变颜色:

a.vglnk {
    color: #F7923C;
}

我添加哪些代码会隐藏链接上的工具提示?

3 个答案:

答案 0 :(得分:0)

由于工具提示可能是通过JavaScript处理的,因此您可能需要查看其实现以找出隐藏它的方法。用户工具提示的样式并不是一种标准的CSS方式。

答案 1 :(得分:0)

你能改变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>

答案 2 :(得分:0)

首先,您可以执行以下操作:链接a:悬停a:活动a:访问以便立即设置所有超链接的样式。除非您希望某些超链接不同,否则我看不到任何优势。对于那些少数人,你可以使用他们所在的div名称。

如果您想隐藏工具提示,您必须了解超链接的工作原理。

我可以告诉你,每个超链接都有一个标题。大多数情况下,标题是使用超链接标题自动填充(在rss的情况下)。我也认为你在这里谈论rss。 但是,如果您希望工具提示消失,请在超链接中添加标题并将其留空。

title =“”你很好。

更迭。