首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >有没有可能用CSS隐藏链接中的标题?

有没有可能用CSS隐藏链接中的标题?
EN

Stack Overflow用户
提问于 2013-03-12 22:31:34
回答 5查看 75.4K关注 0票数 33

我有一个带有title属性的锚元素。我想隐藏在浏览器窗口中将鼠标悬停在弹出窗口上时出现的弹出窗口。在我的情况下,不可能做这样的事情,

代码语言:javascript
复制
$("a").attr("title", "");

由于jQuery移动版,标题将在某些事件发生后重新出现(基本上每次重新绘制锚元素时)。所以我希望通过CSS隐藏标题。

类似于:

代码语言:javascript
复制
a[title] {
    display : none;
}

不起作用,因为它隐藏了整个锚元素。我只想隐藏标题。这有可能吗?不应显示弹出窗口。

EN

回答 5

Stack Overflow用户

发布于 2016-03-08 03:50:06

使用以下CSS属性可确保在悬停时不显示title属性文本:

代码语言:javascript
复制
pointer-events: none;

请记住,JS是一个更好的解决方案,因为这个CSS属性将确保该元素永远不会成为任何鼠标事件的目标。

票数 25
EN

Stack Overflow用户

发布于 2016-07-08 19:44:12

您可以将内部文本包装在span中,并为其提供一个空的title属性。

代码语言:javascript
复制
<a href="" title="Something">
  <span title="">Your text</span>
</a>

票数 12
EN

Stack Overflow用户

发布于 2013-03-12 23:06:32

在CSS中这是不可能的,因为您只能向DOM添加内容(通常使用:before :aftercontent: '...'; ),而不能删除或更改属性。

唯一的方法是创建一个实时的自定义事件。"change-something"):

$("a").on("change-something", function(event) { this.removeAttr("title"); });

并触发每个更改:

... $("a").trigger("change-something");

更多信息和演示请点击此处:

http://api.jquery.com/trigger/

http://api.jquery.com/removeAttr/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15364063

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档