<?xml version="1.0" encoding="utf-8"?>

CSS cursor property

By default, browsers display the mouse pointer over any blank part of a web page, the gloved hand over any linked or clickable item, and the edit cursor over any text or text field. The cursor property allows you to change the cursor shape or use custom images as cursors.

To add one or several cursor images, specify their addresses with the url() function, separated by a comma. The declaration must end with a generic cursor keyword value[1] in case the browser fails to load images. In the example above, this value is a pointer.

Pro Tip: If the url doesn't have special symbols, quotation marks are optional.

Improve your UX & Product skills with interactive courses that actually work