单击显示html锚点的标题属性

Question

我用的很简单

<a title="This Text is shown in a bubble">[?]</a>

显示一个帮助按钮，在悬停时在气泡中弹出帮助文本。

我不需要链接（如上所示，我没有指定href属性），但大多数浏览器在您点击链接时隐藏工具提示，这不是我想要的。

有没有办法在悬停和点击时显示文字？可能使用Javascript或者甚至纯粹使用CSS？或者是否可以使用jQuery或类似的方法创建行为？

Answer 1

有一种纯粹使用CSS的方法。它可能不完全符合您的需求，但您可以将文本设置在相邻的span中，您可以根据自己的内容设置样式，并使用:focus元素的a状态切换其可见性。

a {
  text-decoration: none;  
}
a + span {
  display: none;
}
a:focus + span, a:hover + span {
  display: inline;
}

<a href="#">[?]</a><span>Hello</span>