是否可以通过 CSS 隐藏链接的标题？

Question

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

 $("a").attr("title", "");

由于 jQuery Mobile，标题将在某些事件发生后重新出现（基本上每次重绘锚元素时）。所以我希望通过CSS隐藏标题。

就像是：

 a[title] {
    display : none;
}

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

原文由 jtepe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用以下 CSS 属性将确保标题属性文本不会在悬停时出现：

 pointer-events: none;

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

原文由 Blake Frederick 发布，翻译遵循 CC BY-SA 3.0 许可协议