增加HTML正文中的光标大小

时间:2014-12-08 05:26:47

标签: jquery html css web cursor

有没有办法使用 CSS jQuery 以编程方式增加基于浏览器的应用程序中光标的大小?

我可以用CSS改变游标类型......

body {
    cursor: crosshair;
}

但我发现CSS中没有规定增加光标的大小。

3 个答案:

答案 0 :(得分:6)

没有关于光标大小的属性,但仍然可以使用自定义光标,其背后的技巧是在显示自定义图像时隐藏真实光标。您可以在Create Custom cursors

找到有关此内容的更多信息

编辑:上面的链接已经死了,它仍然可以在返回机器上找到:https://web.archive.org/web/20170605131602/http://www.ajaxblender.com/howto-create-custom-image-cursors.html

答案 1 :(得分:3)

您无法使用CSS或jQuery增加默认光标的大小。

但您可以使用游标Url属性的纯CSS将光标替换为任意大小的自定义图像。

这是纯CSS,不需要Javascript / jQuery hack。

了解更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url

答案 2 :(得分:0)

几乎没有增加游标大小的语句。一种解决方法是使用 cursor: url(...); 语句替换游标。使用各种应用将自定义光标调整为您想要的大小,并确保存在“.cur”扩展名。