有没有办法让 Chrome 像在 Safari 中一样显示 SVG 光标?
Is there a way to make Chrome display the SVG cursor as it is in Safari?
我在 CSS 中使用 SVG 文件作为鼠标指针。 Safari 在 Chrome 周围显示黑点的地方正确显示它,就像制作不佳的透明 GIF 工件。
分别查看Safari中的fiddle和Chrome,你就会明白我的意思了。
.element {
...
cursor: url(http://wiki.ooo4kids.org/images/b/b3/Cursor-Hand.svg), e-resize;
...
}
http://jsfiddle.net/cdolek/nx6st28k/7/
有没有办法让它们看起来一样?
Mac OS X Yosemite 10.10.5 (14F1021)
- 左侧:Chrome 版本 46.0.2490.86(64 位)
- 右:Safari 版
9.0.1 (10601.2.7.2)
GIF url: https://dl.dropboxusercontent.com/u/1324709/screencap.gif
看起来像是内部的错误 chrome 46
Chrome 45:
Chrome 46:
Chrome 47:
我在 CSS 中使用 SVG 文件作为鼠标指针。 Safari 在 Chrome 周围显示黑点的地方正确显示它,就像制作不佳的透明 GIF 工件。
分别查看Safari中的fiddle和Chrome,你就会明白我的意思了。
.element {
...
cursor: url(http://wiki.ooo4kids.org/images/b/b3/Cursor-Hand.svg), e-resize;
...
}
http://jsfiddle.net/cdolek/nx6st28k/7/
有没有办法让它们看起来一样?
Mac OS X Yosemite 10.10.5 (14F1021)
- 左侧:Chrome 版本 46.0.2490.86(64 位)
- 右:Safari 版 9.0.1 (10601.2.7.2)
GIF url: https://dl.dropboxusercontent.com/u/1324709/screencap.gif
看起来像是内部的错误 chrome 46
Chrome 45:
Chrome 46:
Chrome 47: