增加 HTML 正文中的光标大小

Question

有什么方法可以使用 CSS 或 jQuery 以编程方式增加基于浏览器的应用程序中光标的大小？

我可以像这样用 CSS 改变光标的类型……

 body {
    cursor: crosshair;
}

但我在 CSS 中没有看到增加光标大小的规定。

原文由 ѺȐeallү 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

没有关于光标大小的属性，但您仍然可以使用自定义光标，这背后的技巧是在显示自定义图像时隐藏真实光标。您可以在此处找到更多相关信息 创建自定义游标

编辑： 上面的链接已经失效，它仍然可以在 wayback 机器上找到： https ://web.archive.org/web/20170605131602/http://www.ajaxblender.com/howto-create-custom-image-cursors.html

原文由 Nasir Mahmood 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

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

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

原文由 ssilas777 发布，翻译遵循 CC BY-SA 4.0 许可协议