Make mouse pointer a hand when hover over <li> element?

Question

Hi,

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 to be 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.

Thanks

Answer 1

You do not require jQuery for this, simply use the following css:

li {cursor: pointer}

And voilà! Handy.

Answer 2

Actually to expand on the previous answers, different browsers use different names.

li { cursor: hand; cursor: pointer; }

Will cover you in all cases.