Search code examples
cssfirefoxmouse-cursor

change cursor on web page

I am trying to change cursor with .gif image. It will be shown on whole page not only one link. I made it like

body {
    cursor:url(Butterfly.gif);
}

it does not work. I have also .cur file. It works on IE but not on Firefox.

Solution

  • You have to add a fallback, e.g.

    body {
  cursor: url(Butterfly.gif), url(Butterfly.ani), auto;
  /*                                            ^^^^^^ 
                                                compulsory, according to CSS 2.1
   */
}

    See https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property for detail.