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

Question

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

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

它显示光标，没有错。但它很模糊，因为它与视网膜显示不兼容。任何人都知道如何解决这个问题？

谢谢，Angelo。

Answer 1

我没有对此进行测试，但应该可以使用image-set：

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;