How to make a "clickable hand" in an HTML document?

Question

I recently created a sample HTML web page, and when I hover over an item <div>that causes the drop-down menu to click down, the pointer changes to a cursor, allowing me to select the text in <div>.

The fact is that I do not want the mouse cursor to switch to the cursor. (I don’t want to highlight the text either.) I want it to stay the way it is, or change the "clickable hand" pointer that appears when the mouse is over the link.

How can i achieve this?

Answer 1

CSS cursor.

cursor:pointer;

https://css-tricks.com/almanac/properties/c/cursor/

---

user-select:

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

CSS?

---

:

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;
}

Answer 2

cursor:pointer

div

div{
cursor:pointer;
}

, ,

-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
 user-select:none;

Answer 3

In CSS:

#div-id {
    cursor: pointer;
}

Answer 4

cursor:pointer; in your css.

here http://www.w3schools.com/cssref/pr_class_cursor.asp for all the possibilities for the cursor property