放大鼠标光标

Question

有什么提示让我在悬停在特定物体上时放大鼠标光标？ （对不起，我对标记语言和样式表很不满意，请提供建议，提示和建设性信息，然后随便给我打电话:-(如果你愿意的话）

Answer 1

您应该能够找到使用CSS游标属性后的内容：

http://www.w3schools.com/cssref/pr_class_cursor.asp

我不相信你可以按照说法调整光标大小，因为浏览器控制着光标。但是，您可以通过“url”指定自己的图像作为光标：

http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=url%28smiley.gif%29,url%28myBall.cur%29,auto

（您可能需要为不支持URL的旧浏览器创建一个javascript解决方法）：

Answer 2

没有办法告诉浏览器（或者，至少没有跨浏览器方式）简单地将其光标放大。但是，您可以将自己的图像用于光标：

.your-class:hover { cursor: url(/img/your_cursor.png), pointer; }

根据Mozilla docs，现在大多数浏览器都支持它。

Answer 3

鼠标光标的实际外观取决于浏览器和操作系统配置，没有办法改变默认光标。

但是，您可以使用光标附加自定义图像（这不是理想的，但唯一的解决方法是IMO）

.customCursor { cursor: url(cursor.cur),default; }

在上面的示例中，您告诉浏览器使用您的自定义光标，如果不是回退到默认光标。