如何根据元素更改光标

Question

我创建了一个静态网站，并且要设置自己的自定义光标。

默认值为void fade(View view){ Button fadingButton = (Button) view; Animation fadeOutAnimation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.fade_out); fadingButton.startAnimation(fadeOutAnimation); fadeOutAnimation.setFillAfter(true); }

然后输入文字cursor:url('*filepath*/normal.cur');

以及链接cursor:url('*filepath*/textselect.cur');

在加载cursor:url('*filepath*/links.cur');

时

我该如何正确实施才能正常工作？

Answer 1

给出希望光标更改元素的元素，并在其上设置:hover属性，并相应地更改光标：

ex

.div2:hover{
  cursor: url('http://www.rw-designer.com/cursor-view/126124.png'), auto;
}

工作codepen

Answer 2

为所有标签赋予不同的ID，然后使用悬停属性在每个元素上添加curser属性

<a id="loading">Loading</a>
#loading {cursor: -webkit-grab; cursor: grab;}