Search code examples
csscursormouse

Setting Custom Pointer in CSS

My aim: To change the default click pointer on a website using CSS.

I have already changed the default pointer but this question is specifically for changing different 'versions' of the cursor.

My current attempt for the pointer is:

cursor: url(images/click.png), pointer;

This worked for the default mouse change (pointer was renamed as auto) but I've yet to find a working solution for the pointer.

Is it plausible or is it simply something not needed and thus, not introduced?

Solution

  • You can read about the css hover property. and add the cursor to it. For example putting the following code in your styles would make the cursor alias whenever you'd hover over the anchor tag. Let me know if this helps you.

    a:hover {
  cursor: alias
}