CSS custom cursor doesn’t work in FF/Chrome

by

The problem is not just with your css code lacking second argument but with the image file.

If you simply resize, make it smaller (i tried 32px for testing purposes) it works like a charm.

You might also want “pointer” rather than auto, judging by the look of the image;

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer;

EDIT:
i realize now you wanted to keep the size but it just won’t work. see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property for more info

More Related Contents:

  1. Applying an ellipsis to multiline text [duplicate]
  2. Freeze the top row for an html table only (Fixed Table Header Scrolling)
  3. CSS – How to Style a Selected Radio Buttons Label?
  4. Table with fixed header and fixed column on pure css
  5. How to display scroll bar onto a html table
  6. Favicon not showing up in Google Chrome [duplicate]
  7. Why can’t I center with margin: 0 auto?
  8. Apply CSS styles to an element depending on its child elements [duplicate]
  9. 3 column layout HTML/CSS
  10. HTML5 / CSS3 Circle with Partial Border
  11. Why display grid with 100% in grid-template-columns goes out of body?
  12. Can I use non existing CSS classes?
  13. Remove default text/placeholder present in html5 input element of type=date
  14. issue with CSS media queries(scrollbar)
  15. How to resize an image to fit in the browser window?
  16. How to display a range input slider vertically
  17. how to overwrite css style
  18. How to create a curved speech bubble?
  19. Force an image to fit and keep aspect ratio
  20. How can I horizontally center an element?
  21. How do I get a flexbox to have a center fixed and a bottom fixed children together?
  22. What’s the difference between HTML’s and CSS’s width attribute?
  23. Why does the general-sibling combinator allow toggling pseudo-element’s content, but not the adjacent-sibling?
  24. How do I make flex box work in safari?
  25. Zebra striping a flexbox table with wrapping items
  26. Removing unwanted table cell borders with CSS
  27. Bootstrap row and col explanation
  28. Prevent floated divs from wrapping to new line
  29. How to get horizontal scroll bar in select box in IE?
  30. Table with table-layout: fixed; and how to make one column wider

Leave a Comment