将鼠标悬停在链接上时，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

将光标移到:hover伪选择器之外