I am using an SVG file as the mouse pointer in CSS. Safari displays it correctly where Chrome displays black dots around it, like poorly made transparent GIF artifacts.
Check the fiddle in Safari and Chrome respectively, you will see what I mean.
.element {
...
cursor: url(http://wiki.ooo4kids.org/images/b/b3/Cursor-Hand.svg), e-resize;
...
}
http://jsfiddle.net/cdolek/nx6st28k/7/
Is there a way to make them look the same?
Mac OS X Yosemite 10.10.5 (14F1021)
GIF url: https://dl.dropboxusercontent.com/u/1324709/screencap.gif