使用HTML/UTF-8字符';s作为光标

使用HTML/UTF-8字符';s作为光标,html,css,utf-8,Html,Css,Utf 8,我希望能够在图像悬停时使用双箭头字符作为光标。我只能将图像添加为自定义光标吗 cursor:url(images/my cursor.png),自动; 以下是一个带有内嵌SVG的解决方案: 您可以根据需要调整文本(字符)的高度和宽度。您可能还希望更改不同字符的文本y html{height:100%;} 正文{宽度:100%;高度:100%;边距:0; /*只有这一点是相关的*/ 游标:url('data:image/svg+xml;utf8,''),自动; }做你的研究。是的,光标只能是图

我希望能够在图像悬停时使用双箭头字符作为光标。我只能将图像添加为自定义光标吗

cursor:url(images/my cursor.png),自动;

以下是一个带有内嵌SVG的解决方案:

您可以根据需要调整文本(字符)的高度和宽度。您可能还希望更改不同字符的文本y

html{height:100%;}
正文{宽度:100%;高度:100%;边距:0;
/*只有这一点是相关的*/
游标:url('data:image/svg+xml;utf8,''),自动;

}
做你的研究。是的,光标只能是图像。你可以用字符制作一个png。你也可以用Javascript来完成。很酷,但是你能举一个例子说明如何使用
canvas
作为
url()
属性来设置光标吗?啊,谢谢,我有个大脑屁,现在我记得我以前用过它。太棒了,我只是想编辑你的答案来添加同一个示例,但我没有添加
auto
,而且它也不起作用:pYou也可以相当容易地将SVG技巧与Javascript结合使用:
var repl\u cursor='url(\'data:image/SVG+xml;utf8,repl\'),auto'
document.body.style.cursor=repl_cursor.replace('repl',')