$5.36

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

Ask a question+
1

Hi everyone, I have got a list, and I have a click handler for its items:

<ul>
  <li>bla</li>
  <li>blabla</li>
</ul>

How can I change the mouse pointer into a hand pointer, like when hovering over a button?

Anna 90
add comment

2 Answers

4

ul:hover { cursor: pointer; }

Arman 380

Thanks, this seems to solve my issue.

Anna
add comment
4

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:
https://www.w3docs.com/snippets/css/how-to-change-cursor-on-hover-in-css.html

David Ray 240
add comment

Your Answer