CODEWITHSUNDEEP
htmlcsscursor
Jason
Jason

Reputation: 11615

Custom CSS Cursor Goes Away When Clicking and Dragging and Becomes I-Bar

http://jsfiddle.net/QKJfW/

I want the cursor to remain the cursor:move; cursor even when clicking and dragging on the page. As you can see now you get an i-bar like you are trying to select text.

In my real app it is actually a custom cursor.

Is that a possibility?

Upvotes: 0

Views: 296

Answers (1)

Jason
Jason

Reputation: 11615

Put these styles on the thing you want to be non selectable:

http://jsfiddle.net/QKJfW/1/

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

That should take care of your issue.

See: How to disable text selection highlighting using CSS?

Upvotes: 1

Related Questions