How to change the cursor into a hand when a user hovers over a list item (CSS)

Matthew C.

The Problem

You have a list where items can be moved by clicking and dragging. How do you change the cursor to look like a hand to indicate that the items can be grabbed?

The Solution

Set the cursor CSS property of the list items to “grab” using the :hover pseudo class selector:

li:hover { cursor: grab; }

Loved by over 4 million developers and more than 90,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.

Share on Twitter
Bookmark this page
Ask a questionJoin the discussion

Related Answers

A better experience for your users. An easier life for your developers.

© 2024 • Sentry is a registered Trademark
of Functional Software, Inc.