Adding a cursor over on hover
Make a cursor show over an element
You can change the cursor when the mouse is over an element or an area. There are two methods described here:
- Defining a style declaration and assigning it in the classes field
- Defining the cursor style in the styles fieldf
- In the code block create a style declaration named pointerCursor:
<style>
.pointerCursor {
cursor: pointer;
}
</style>
.pointerCursor {
cursor: pointer;
}

To have a cursor change only when the mouse is hovering over the element use the hover pseudo state:
<style>
.pointerCursor:hover {
cursor: pointer;
}
</style>
Unlike other styles and properties the cursor only changes when the mouse is over an element so either style declaration will work.

Last modified 2yr ago