Question

我尝试制作自定义光标而不上传图片。我希望光标是一个小蓝圈。目前，我正在尝试将光标的css设置为id。然后我将内置的CSS游标样式与新的id：

相关联

<Window ...
 MouseWheel = "Window_MouseWheel">
....
</Window>

这可能吗？我是否正确地解决了这个问题？所有帮助表示赞赏。

Answer 1

以下是所有类型的游标。

https://css-tricks.com/almanac/properties/c/cursor/

我认为这就是你要找的东西：

{ cursor: wait; }

Answer 2

如果你想拥有一个自定义的CSS光标，你需要在标记中添加一个div，设置样式，隐藏默认光标并将其移动到鼠标坐标：

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

html {
  cursor: none;
}
#cursor {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background-color: blue;
  position: absolute;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="cursor"></div>

使用CSS样式的自定义光标 - html / css - javascript

2 个答案: