Posted by & filed under 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>