Change your cursor or pointer to a hand on hover with css


Sometimes when I create a link, the cursor doesn’t change to a hand to help the user understand they can click on element. Thus, its helpful to have the cursor change to a hand on hover. No need for javascript or jquery here, you can easily implement the effect with CSS.

The CSS

.myElement:hover { cursor: pointer; cursor: hand; }

The HTML

<li class="myElement" > Stuff here </li>

Leave a Reply

Your email address will not be published. Required fields are marked *