光标无法在a:hover中工作

Question

我遇到了一些问题.我正在尝试为鼠标悬停在链接上时设置自定义光标.我正在尝试使用此代码,但没有任何反应,它仍然是指针.

a {
    color: #99ccff;
    cursor: paw.cur;
}

a:hover {
    color: #71b2f4;
    cursor: paw.cur;
}

即使添加!important到a:hover的结尾也不起作用.

Answer 1

使用:cursor: paw.cur;是不正确的CSS语法.

如果要使用基于自定义图像的光标,则必须指定URL .

查看光标上的规范.. 文档(mozilla开发人员).

这是一个自定义光标的示例..

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

jsfiddle在这里 - 自定义

以下是默认光标的示例..

a:hover {
    cursor: crosshair;
}

jsfiddle在这里 - defualt

我实际上回答了一个类似于此问题的问题:使用CSS自定义游标的外部图像