javascript - How to make the 'clickable hand' appear in an HTML document? -
i built sample html webpage recently, , when hover mouse pointer on <div>
element makes drop down menu come down on click, pointer changes cursor, allowing me highlight text in <div>
.
the thing is, don't want mouse pointer change cursor.(i don't want able highlight text either.) want either remain way or change 'clickable hand' pointer comes when mouse pointer hovers on link.
how can achieve this?
the cursor can changed using css cursor
property.
cursor:pointer;
https://css-tricks.com/almanac/properties/c/cursor/
you can prevent highlighting using user-select
property:
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
how disable text selection highlighting using css?
for example:
div{ cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }