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

Ask a question+

Hi everyone, I have 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?

Anna 90
add comment

2 Answers


ul:hover { cursor: pointer; }

Arman 380

Thanks, this seems to solve my issue.

add comment

Hi, darling, feel quite confident to try this:

    li { cursor: pointer; }

You can find many interesting details about how to change cursor on hover in CSS, with tricky examples:

David Ray 240
add comment

Your Answer