支持视网膜的CSS自定义光标

Question

我找不到有关此主题的任何信息.我想要一个带CSS的简单自定义光标.我现在有这个代码:

cursor: url('img/cursor_left.png'), auto;

它显示了光标,没有错.但它很模糊,因为它与视网膜显示不兼容.谁知道如何解决这个问题？

谢谢,安吉洛.

Answer 1

我没有测试过这个,但应该可以使用图像集:

cursor: url('img/cursor_left.png'), auto;
cursor: -webkit-image-set(
  url('img/cursor_left.png') 1x,
  url('img/cursor_left_hi.png') 2x
), auto;