使内容属性文本可选

Question

我有一个很酷的工具提示，可以使用一些数据属性，如下所示：http://www.frequency-decoder.com/demo/css-tooltips/

但问题是工具提示中的文本是不可选的，即使我添加了属性：

cursor: text;

你知道如何让工具提示可选吗？

谢谢

更新:这似乎也没有帮助：

-webkit-touch-callout: all;
-webkit-user-select: all;
-khtml-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;

值: none | text | toggle | element | elements | all | inherit

参考：

How to disable text selection highlighting using CSS?

http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-select

Answer 1

这不是用来做这件事的工具提示。

试试像这样的jQuery (随机谷歌搜索：http://jquerytools.org/demos/tooltip/index.html)

或者查看此网站的工具提示脚本http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/汇编

Answer 2

没有办法让它成为可选择的。提示必须仅存在于元素的:hover上。我费了好大劲才把鼠标移过提示本身。

顺便说一句，我建议从css中删除动画(并使不透明度: 1)，它更好和响应性。