可能重复:
Custom Cursor Image CSS
有没有办法在您使用时更改网站的默认光标图像,例如..
body{
cursor:hand; /* Changing what 'hand' is equal to*/
}
那么我就不必在所有内容上使用cursor:url()而只是改变名称等于的内容。
所以例如我希望能够...... hand = URL; progress = URL; 等等。
答案 0 :(得分:0)
body{
cursor: url('mycursor.cur');
}
但是,跨浏览器功能有限。
你应该测试......
答案 1 :(得分:0)
您无法更改操作系统的cursorset。 (想象一下 - 作为这样一个改变你的系统设置的网站的访问者,你会说什么?)您也无法重新定义关键字的外观。
如果要这样做,您必须定义自定义图像。你能做的最好的事情就是想要拥有相同光标的组元素。
input, select, [elements,]*{
cursor: url('someInputCursor.cur');
}
答案 2 :(得分:0)
您无法更改cursor: hand;
以使用其他图片。您可以使用CSS预处理器(例如LESS或SASS)来简化任务,例如
$hand: url('something.cur');
body {
cursor: $hand;
}
或者使用一个类(或一个涵盖所有必要元素的选择器)并相应地编辑HTML?
.customcursor {
cursor: url('something.cur');
}
答案 3 :(得分:0)
不,您不能,因为cursor
property值关键字在CSS规范中的非正式散文中定义了它们的含义,没有任何工具可以提供有关如何实现它们的任何说明。显而易见的目的是保留与实现相关的确切形状。
使用像LESS这样的工具,您可以编写使用已定义变量的样式表代码,但这样的代码需要转换为CSS。
请注意,hand
关键字不合规。相应的标准关键字为pointer
。 (人们使用hand
因为IE 5无法识别pointer
。)