The cursor property specifies the mouse cursor to be displayed when pointing over an element. The numbers in the table specify the first browser version that fully supports the property. Default. The browser sets a cursor. A comma separated list of URLs to custom cursors.

Mar 10, 2025 · The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element. The cursor setting should inform users of the mouse operations that can be performed at the current location, including: text selection, activating help or context menus, copying content, resizing tables, and so on.

Apply the CSS property cursor:url(pointer.png); using a custom graphic for your pointer. This may be more desirable if you want to ensure that the user experience is identical on all platforms (instead of allowing the browser/OS decide what your pointer cursor should look like).

Jan 27, 2025 · The cursor property in CSS controls what the mouse cursor will look like when it is located over the element in which this property is set. Obviously, it’s only relevant in browsers/operating systems in which there is a mouse and cursor.

Mar 3, 2025 · The cursor property in CSS defines the type of mouse pointer displayed over an element. These predefined cursors are super handy for showing users what they can do in different parts of your site, such as clicking a link, selecting text, dragging an item, or resizing a …

Jan 10, 2022 · Customizing a mouse cursor with CSS is pretty simple, as CSS already has a property to handle this. All we need to do is identify this property and use it. As Frontend Engineers we use this property often – it is none other than the almighty cursor property.

Here's a CSS rule that changes the cursor to a pointing hand when hovering over a button: cursor: pointer; Now, let's create a more complex example with multiple elements: .link { cursor: pointer; } .loading { cursor: wait; } .locked { cursor: not-allowed; }

Mouse over the words to change the mouse cursor.

The CSS cursor viewer allows you to see a visual representation of various cursor styles and their corresponding CSS values. It simplifies the process of choosing the appropriate cursor style for different interactive elements on your website.

Sep 17, 2024 · CSS Cursor is used to specify the mouse cursor to be displayed while pointing to an element. This property is defined with zero or more <url> values that are separated by commas followed by 1 keyword value as mandatory & each <url> will point to the image file.