how to change mouse pointer on hover in html code example

Example 1: css cursor pointer hover

.pointer {
  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>