将光标制作成图像

时间:2016-08-25 20:20:26

标签: css html5 custom-cursor

当我将鼠标悬停在某个元素上时,我试图让光标发生变化,但我似乎无法让它工作。

到目前为止我的代码:



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

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

2 个答案:

答案 0 :(得分:1)

您的语法不正确,如果提供的游标无法加载,您需要提供后备。

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

答案 1 :(得分:0)

.CursorClass {
  cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;
}
<a href="#" class="CursorClass" >Click Me </a>