光标无法在a：hover中工作

时间：2013-09-22 01:36:16

标签： css hover cursor

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

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

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

即使将!important添加到a​​：hover的末尾，也无法正常工作。

2 个答案:

答案 0 :(得分：5)

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

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

查看光标上的规格.. documentation here (mozilla developer)。

以下是 自定义 游标的示例.. 

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

jsfiddle here - custom

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

a:hover {
    cursor: crosshair;
}

jsfiddle here - defualt

我实际上刚回答了一个问题 类似 ：Using external images for CSS custom cursors

答案 1 :(得分：1)

您需要像这样使用它：

cursor: url('paw.cur');

或

cursor: url('paw.gif');

如果要使用自定义光标，则需要使用URL。

  

Quoting from MDN

     

正式语法：[[ []？，] * [auto |默认|没有|上下文菜单|帮助|指针|进展|等|细胞|十字准线|文字|垂直文本|别名|复制|移动|不掉落|不允许|电子大小调整| n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize |行调整大小|全滚动|放大|缩小]]

     
    

<uri>
    url（...）或以逗号分隔的列表url（...），url（...），...，指向图像文件。如果不支持某些光标图像类型，则可以提供多个作为回退。非URL后备（其他值中的一个或多个）必须位于后备列表的末尾。有关详细信息，请参阅使用游标属性的URL值。

  

并且

  

即使添加！重要到a：hover也不起作用。

相信我!important并不是魔法，只要它设置最高优先级

有用的帖子

相关问题
最新问题