Make content attribute text selectable

Question

I have a cool tooltip to work with using some data attributes as seen here : http://www.frequency-decoder.com/demo/css-tooltips/

But the problem is the text inside the tooltip is not selectable, even after I add property:

cursor: text;

Any idea how to make that tooltip selectable?

Thanks

UPDATE: This doesn't seem to help either:

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

Ref:

score 1 · Answer 1 · answered Apr 18 '12 at 07:45

1

There is no way to make it selectable. The hint must exists only on :hover of the element. I had a hard time to move the mouse over the hint itself.

btw i suggest to remove the animation from the css (and make opacity: 1) it's much nicer and responsive.

answered Apr 18 '12 at 07:45

Aleksandrenko

Thanks for suggestion. I do agree and remove those animation – swan Apr 18 '12 at 10:43

score 1 · Accepted Answer · answered Apr 18 '12 at 07:56

1

This is not the kind of tooltip to do this.

Try something with jQuery like this one (random google search: http://jquerytools.org/demos/tooltip/index.html)

answered Apr 18 '12 at 07:56

Scriptor

Thanks alot for alternatives. This is the closest I can get with data attributes: http://www.red-team-design.com/easy-css3-jquery-tooltips – swan Apr 18 '12 at 10:43

2 Answers2