Design comparison
Solution retrospective
While researching how to change the cursor pointer color to black as per active-state design, I discovered that CSS cannot modify cursor color directly as it's primarily controlled by the operating system and browser.
Community feedback
- @AffanRMPosted 4 months ago
Hey, good work on the project! I was also trying to change the color of the cursor with CSS while working on this project, but then realized that you can't directly modify the cursor color using CSS. However, you can set the cursor to an image, e.g., if you want to set the color of the cursor to black, then you can download an image of a black cursor (the size should be <= 128x128) and set it using the following code:
button{ cursor:url(<image_path>), auto; }
Hope this helps :)
Marked as helpful0@priyadharshinitcPosted 4 months ago@AffanRM Thank you so much for your kind words! 😊 I tried your suggestion, and it worked perfectly.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord