How to change the cursor into a hand when a user hovers over a list item?

Posted By: Anonymous

I’ve got a list, and I have a click handler for its items:

<ul>
  <li>foo</li>
  <li>goo</li>
</ul>

How can I change the mouse pointer into a hand pointer (like when hovering over a button)? Right now the pointer turns into a text selection pointer when I hover over the list items.

Solution

In light of the passage of time, as people have mentioned, you can now safely just use:

li { cursor: pointer; }

Answered By: Anonymous

Disclaimer: This content is shared under creative common license cc-by-sa 3.0. It is generated from StackExchange Website Network.