2012-07-31 34 views
-1

可能重复:
Custom Cursor Image CSS有没有更改默认网站光标集的方法?

有没有办法来改变你的网站的默认光标图像时使用,例如..

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

所以后来我不必在所有内容上都使用cursor:url(),而只是改变名称相同的名称。

因此,例如,我希望能够.. hand = URL; progress = URL; 等等

+0

简单的谷歌搜索将显示:http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor – 2012-07-31 14:25:54

+0

他不想更改光标类型,但光标图形。 – 2012-07-31 14:26:29

+0

我想要做的是改变光标集。所以无论何时我使用'光标:手'它都会使用我的图形而不是默认的手。 @安德斯霍姆斯特罗姆它根本不是重复的。 – 2012-07-31 14:27:55

回答

0

您无法更改操作系统的游标区。 (想象一下 - 你认为这个网站的访问者会改变你的系统设置)。您也无法重新定义关键字的外观。

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

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

谢谢克里斯托夫的明确答案。 – 2012-07-31 14:35:18

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

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

+0

对不起,但这不是我正在寻找的,我不想更改光标的URL。但调整光标集。 – 2012-07-31 14:28:26

+0

你几乎可以改变光标图像... :) – 2012-07-31 14:31:57

0

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

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

或者也许使用一个类(或覆盖所有必要元素的选择器)并相应地编辑HTML?

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

不,你不能,因为cursor property值关键字具有在CSS规范非正式散文定义它们的含义,没有工具,给出关于如何实现他们的任何指示。显而易见的意图是留下实现依赖的确切形状。

使用像LESS这样的工具,你可以编写使用定义变量的样式表代码,但是这样的代码需要被转换成CSS。

请注意,关键字hand不合格。相应的标准关键字是pointer。 (人们使用hand,因为IE 5没有识别pointer。)