如何使用html或javascript将光标样式设置为圆形

我正在构建一个绘图应用程序，我想要一个圆形的光标。我搜索HTML5样式以使光标成为默认值、指针等，但我需要它是一个圆。如何执行此操作？

您可以使用此css属性将图像用作光标

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

例如，如果您有一些输入，并且希望在其上显示圆形光标，则应使用png图像

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

检查这个jsfiddle

---

您可以使用CSS光标等待

div {
    cursor: wait;
}

或

从链接

---

“因为您的图像太大，所以无法工作-图像尺寸有限制。例如，在Firefox中，大小限制为128x128px”

CSS可以完成您想要的操作

请查看以下代码段和此

#圆圈64{
游标：url（'http://www.iconsdownload.net/icons/64/16574-black-circle.png'），指针；
}
#圆圈32{
游标：url（'http://www.iconsdownload.net/icons/32/16574-black-circle.png'），指针；
}
#圆圈24{
游标：url（'http://www.iconsdownload.net/icons/24/16574-black-circle.png'），指针；
}

光标将

在这里要与众不同。






光标将

在这里要与众不同。






光标将

在这里要与众不同。

cursor:wait与需要不匹配，我尝试加载图像，但没有发生任何问题您可以在cursor:url（您的png或gif）中使用动画gif或任何png文件确保您给定的url为currect exampe:cursor:url（），auto；您需要使用图像作为光标，例如像这样的图像

div {
 cursor: url("your custom cursor image"), auto;
}