Question

是否可以使用Unicode Emoji光标而无需将其转换为图像？这是表情符号“☠️” ，我希望它成为默认光标，替换箭头。它使用图像（https://image.ibb.co/kSQHi6/cursor.png）但我不想使用图像。

使用PNG进行演示

HTML

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

CSS

.box{
  width: 250px;
  height: 250px;
  background: red;
  cursor:url(https://image.ibb.co/kSQHi6/cursor.png), auto;
}

JSFIDDLE DEMO： https://jsfiddle.net/2zp1v56y/

Answer 1

这是我之前提出的Javascript解决方案，我隐藏了鼠标光标，并在其上放置了一个元素，上面有表情符号。

在表现方面，你必须自己决定是否足够。

＆＃13;

$(document).on('mousemove', function(e){
    $('#cursor').css({
       left:  e.pageX,
       top:   e.pageY
    });
});

＆＃13;

.box{
  width: 250px;
  height: 250px;
  background: red;
  cursor: none;
}
.box:hover + #cursor {
  display: block;
}

#cursor {
pointer-events: none;
position: absolute; 
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>This is the emoji "☠️"</p>
<p>I want it to become the default cursor, replacing the arrow</p>
<p>
It works using the image (https://image.ibb.co/kSQHi6/cursor.png)
</p>
<div class="box"></div>
<div id="cursor">☠️</div>

＆＃13;

使用Unicode表情符号作为游标

1 个答案: