-1

可能重复：
自定义光标图像 CSS

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

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

因此，我不必在所有内容上都使用 cursor:url() ，而只需更改名称等于的名称。

例如，我希望能够.. hand = URL; 进度= URL；等等等等

4

4 回答 4

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

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

于 2012-07-31T14:25:56.530 回答
0

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

如果你想这样做，你必须定义自定义图像。您可以做的最好的事情是对您希望拥有相同光标的元素进行分组。

input, select, [elements,]*{
   cursor: url('someInputCursor.cur');
}
于 2012-07-31T14:33:31.947 回答
0

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

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

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

.customcursor {
    cursor: url('something.cur');
}
于 2012-07-31T14:37:38.033 回答
0

不，你不能，因为cursor属性值关键字在 CSS 规范的非正式散文中定义了它们的含义，没有工具可以提供任何关于如何实现它们的说明。明显的意图是让确切的形状依赖于实现。

使用LESS之类的工具，您可以编写使用已定义变量的样式表代码，但随后需要将此类代码翻译成 CSS。

注意hand关键字在不合格。对应的标准关键字是pointer. （hand因为 IE 5 不识别，所以有人用过pointer。）

于 2012-07-31T14:42:10.503 回答