how to change cursor on hover css code example

Example 1: on hover change cursor

li {
cursor: pointer;
}

Example 2: how to change cursor in css on hover

/* I am using buttion id test. You can use whatever you want*/
/* If you want default cursors, use */
#test:hover{
  cursor: pointer /* etc*/;
}
/* If you want custom cursors, use */
#test:hover{
  cursor: url(default.png) /* the default is your photo*/;
}

Example 3: change mouse pointer on hover button

<form>
<input type="submit" style= "cursor:pointer" value="Button" name="Button">
</form>

Example 4: cursor not pointer

#Element {
	cursor: pointer; /*When you point on this element, cursor will be
  	a pointer.*/
}

#Element {
	cursor: default; /*Will make the cursor not point.*/
}