DEV Community

Cover image for Default Mouse cursor styles
Amiru Weerathunga
Amiru Weerathunga

Posted on • Edited on

Default Mouse cursor styles

Cursor styles

Most modern browsers support the following cursor styles (hover your mouse over the divs to see the cursor change to that style).The actual appearance of the mouse cursor depends on the browser and OS configuration.

For example, Microsoft, Internet Explorer 8.0 under Windows XP, with Windows Classic theme set in Display Properties, mouse cursors look like below

To set or change the mouse cursor style for an element of your page from script, you can set the element's property element.style.cursor to one of the above values. (Alternatively, without JavaScript, you can use the attribute style="cursor: value;" in that element's HTML tag.)

Top comments (0)