如何创建自定义按钮光标

Question

我有这个按钮：

<button/>

当我把光标放在上面时，光标变成了指针。

但我想显示一个自定义图标，而不是指针。按钮元素可以做到这一点吗？

Answer 1

cursor:url()

button{
cursor:url(https://www.gravatar.com/avatar/0fdacb141bca7fa57c392b5f03872176?s=48&d=identicon&r=PG&f=1), pointer;
}

<button>Spectric</button>