CODEWITHSUNDEEP
htmlcsscursor
user9534017
user9534017

Reputation: 21

CSS custom cursor not working in chrome

i have made a css, which is supposed to have a custom cursor. The image files are .png and .cur and both are 32x32. However they only work on firefox. In edge the alternative cursor is used. How do i fix it? here is the code:

body {
        background-repeat: no-repeat;
        background-image: url("cyan_magenta_colors-wide.jpg");
        background-color: #cccccc;
        font-family: Comic Sans MS;
        width: 99%;
        cursor: url("banoscursorsmall.png"), url("banoscursorsmall.cur"), zoom-in;

The zoom in is just to check if it works

Upvotes: 2

Views: 2864

Answers (1)

Charles.C
Charles.C

Reputation: 353

Based on the examples I found in the page linked below, I suggest you try to add "auto" at the end.

cursor: url("banoscursorsmall.png"), url("banoscursorsmall.cur"), auto, zoom-in;

CSS : cursor property

Upvotes: 0

Related Questions