使用css禁用工具提示

Var*_*ada 15 html css

有没有办法<a>在css中禁用标记的工具提示?

Dru*_*ver 8

我不知道你想要禁用工具提示的原因是什么,但我自己遇到了同样的问题.

我试图在CSS中创建一个泡泡工具提示,但浏览器工具提示总是会出现并搞砸了.所以,像你一样,我需要禁用默认的工具提示.

我使用了一些jQuery来删除"Title"标签,但仅限于鼠标悬停.一旦鼠标退出,就会恢复"标题"标签.

以下是具有一些"标题"内容的DIV:

<div class="tooltip-class" title="This is some information for our tooltip.">
  This is a test
</div>
Run Code Online (Sandbox Code Playgroud)

现在,您必须运行以下jQuery来隐藏鼠标悬停时的Title标记:

$(document).ready(function(){
  $(".tooltip-class").hover(function(){
    $(this).attr("tooltip-data", $(this).attr("title"));
    $(this).removeAttr("title");
  }, function(){
    $(this).attr("title", $(this).attr("tooltip-data"));
    $(this).removeAttr("tooltip-data");
  });
});
Run Code Online (Sandbox Code Playgroud)

请注意,此jQuery代码是在具有jQuery版本1.6.4的环境中测试的.

以下是完整示例的链接:

http://jsfiddle.net/eliasb/emG6E/54/


Ste*_*ote 5

我知道这是一个老问题,但在此期间这已经通过CSS成为可能是这样的:

pointer-events: none;
Run Code Online (Sandbox Code Playgroud)

但是请注意,这也会禁用单击功能!这是我需要的,但对于OP可能并非如此。

cfr https://developer.mozilla.org/en/docs/Web/CSS/pointer-events

  • 这很好用,但是有一个很大的障碍-您通常希望&lt;a&gt;标签是可点击的:它同时禁用了工具提示和链接功能! (5认同)

Far*_*ker -4

只需将此代码粘贴<body><script>.

此代码使用 jQuery:

$('.titleHidden').removeAttr('title');
Run Code Online (Sandbox Code Playgroud)

然后,当您想要隐藏其工具提示时,需要将 CSS 类添加titleHidden到每个标签。a

  • `.title` 是 DOM 元素属性,而不是 jQuery 属性。这段代码不起作用。 (3认同)