Make text image-like(not selectable AND unrecognized by mouse text cursor) with jquery/javascript

Question

I am using JQuery Selectable items to emulate buttons, I want to make the text in the selectable both unselectable(so it can't be highlighted) but I would also like to make the text cursor from appearing when moused over as well.

Basically I would like the text to act as an image or other non-interactive element. How can I do this?

Answer 1

To change the cursor over specific elements, you can use the cursor CSS

For example

.def { cursor:default }

Or

.ptr { cursor:pointer; cursor:hand}

and assign the class to the element in question