how to change hover cursor css code example

Example 1: on hover change cursor

li {
cursor: pointer;
}

Example 2: onhover mouse pointer css

li { cursor: pointer; }

Example 3: change mouse pointer on hover button

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

Example 4: 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*/;
}

Tags:

Css Example