默认指针游标CSS

Question

我的意思是将光标指针更改为自定义光标。

我看到了这个主题，但它没有任何帮助：＆＃34; html，css - cursor - 如何更改指针的默认图像＆＃34;。

我有什么方法可以使用CSS来解决这个问题，但是我不允许在我正在配置我的个人资料的其他人的网站上使用JScript。我只能使用CSS标记和HTML标记。不能在CSS标记中使用JScript，对吧？

Answer 1

您可以使用：

.custom { cursor: url(images/my-cursor.png), auto; }

但由于浏览器不兼容，我不推荐它。感谢Chris Coyier / CSS-Tricks

http://css-tricks.com/almanac/properties/c/cursor/

Answer 2

您可以使用此解决方案跨浏览器，适用于Webkit（Chrome，Safari等），Gecko（Mozilla等）和IE8 +：

a.heroshot img {
    cursor:url(http://alienbill.com/kirkdev/magnify.cur), pointer;
    cursor:url(http://alienbill.com/kirkdev/magnify.cur), -moz-zoom-in;        
}

选中演示：

http://jsfiddle.net/a_incarnati/cbz9xkjv/

您应该选择使用.cur文件而不是图像来替换光标，因为.cur文件甚至可以从IE6支持。相反，如果您使用图像，则会出现跨浏览器问题。