css - 使光标成为图像

Question

当我将鼠标悬停在一个元素上时，我试图让光标改变，但我似乎无法让它工作。

到目前为止我的代码：

.more_scrolly{
  cursor: url("images/cross.png"), auto!important;
  height: 36px;
  width: 36px;
}

<a href="#one" class="more_scrolly" >learn more</a>

Answer 1

您的语法不正确，如果您提供的游标无法加载，您需要提供回退。

cursor: url("images/cross.png"), auto;

Answer 2

.CursorClass {
  cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;
}

<a href="#" class="CursorClass" >Click Me </a>