Html 使用Unicode表情符号作为光标

Html 使用Unicode表情符号作为光标,html,css,unicode,Html,Css,Unicode,是否可以使用Unicode表情符号光标而无需将其转换为图像? 这是表情符号“☠️" ,我希望它成为默认光标,替换箭头。 它使用图像()工作 但我不想使用图像 使用PNG演示 HTML <div class="box"></div> JSFIDDLE演示:这是我之前提出的Javascript解决方案,我将鼠标光标隐藏起来,并在上面放置一个带有表情符号的元素 因为你必须自己决定是否足够 $(document).on('mousemove',函数(e){ $('#游标').

是否可以使用Unicode表情符号光标而无需将其转换为图像? 这是表情符号“☠️" ,我希望它成为默认光标,替换箭头。 它使用图像()工作 但我不想使用图像

使用PNG演示

HTML

<div class="box"></div>

JSFIDDLE演示:

这是我之前提出的Javascript解决方案,我将鼠标光标隐藏起来,并在上面放置一个带有表情符号的元素

因为你必须自己决定是否足够

$(document).on('mousemove',函数(e){
$('#游标').css({
左:e.pageX,
顶部:e.pageY
});
});
.box{
宽度:250px;
高度:250px;
背景:红色;
光标:无;
}
.box:悬停+光标{
显示:块;
}
#光标{
指针事件:无;
位置:绝对位置;
显示:无;
}

这是表情符号“☠️"

我希望它成为默认光标,取代箭头

它使用图像进行工作(https://image.ibb.co/kSQHi6/cursor.png)


☠️
你可以使用Javascript隐藏光标并使表情符号跟随你的鼠标位置。@Maharkus我对Javascript不太自信,这将如何实现?你不会。它永远不会像光标那样平滑。我只是用谷歌搜索了Javascript解决方案。它一点也不平滑。我只是在答案中做了一个代码片段,你可以检查如果它足够满足您的需求,请自己使用。谢谢您的回答,但我找到了一种使用纯CSS的方法。您是如何使用纯CSS添加它的?;)ty@BirdieGolden
.box{
  width: 250px;
  height: 250px;
  background: red;
  cursor:url(https://image.ibb.co/kSQHi6/cursor.png), auto;
}