将鼠标悬停在链接上时，CSS游标属性无法正常工作

Question

我使用以下代码更改了我的网站光标（SASS）：

body {
  cursor: url(../images/cursor.png), auto;
  a {
    color: grey;
    text-decoration: none;
    &:hover {
      cursor: url(../images/cursor.png), pointer;
      color: black;
    }
  }
}

我使用Chrome浏览器作为我的浏览器，出于某种原因，无论我尝试什么，当我将鼠标悬停在<a>标记上时，我一直看到这种抖动：

我怀疑Chrome的默认光标导致了这一点，但我无法弄明白。 有没有办法解决这种抖动？

Answer 1

Move the cursor outside of the :hover pseudo-selector