user246114 user246114 -5 years ago 138
CSS Question

How can I make the cursor a hand when a user hovers over a list item?

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


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.

Answer Source

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

li { cursor: pointer; }

Original Answer:

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

li { cursor: pointer; cursor: hand; }

Will cover you in all cases.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download