Question

可能重复：
Custom Cursor Image CSS

有没有办法在您使用时更改网站的默认光标图像，例如..

body{
cursor:hand; /* Changing what 'hand' is equal to*/
}

那么我就不必在所有内容上使用cursor：url（）而只是改变名称等于的内容。

所以例如我希望能够...... hand = URL; progress = URL; 等等。

Answer 1

body{
cursor: url('mycursor.cur');
}

但是，跨浏览器功能有限。你应该测试......

Answer 2

您无法更改操作系统的cursorset。（想象一下 - 作为这样一个改变你的系统设置的网站的访问者，你会说什么？）您也无法重新定义关键字的外观。

如果要这样做，您必须定义自定义图像。你能做的最好的事情就是想要拥有相同光标的组元素。

input, select, [elements,]*{
   cursor: url('someInputCursor.cur');
}

Answer 3

您无法更改cursor: hand;以使用其他图片。您可以使用CSS预处理器（例如LESS或SASS）来简化任务，例如

$hand: url('something.cur');
body {
    cursor: $hand;
}

或者使用一个类（或一个涵盖所有必要元素的选择器）并相应地编辑HTML？

.customcursor {
    cursor: url('something.cur');
}

Answer 4

不，您不能，因为cursor property值关键字在CSS规范中的非正式散文中定义了它们的含义，没有任何工具可以提供有关如何实现它们的任何说明。显而易见的目的是保留与实现相关的确切形状。

使用像LESS这样的工具，您可以编写使用已定义变量的样式表代码，但这样的代码需要转换为CSS。

请注意，hand关键字不合规。相应的标准关键字为pointer。（人们使用hand因为IE 5无法识别pointer。）