2017-02-22 157 views
0

我想为我的网站(永久)使用自定义光标图标。 我该怎么做? 光标被下载为一个简单的文件。.ico文件。 我试过了自定义光标命令,但它似乎没有工作。如何在html中设置自定义光标?

+0

这是一个简单的谷歌,能问题...(编辑:仅供参考,存在使用上的光标图像时,一个最大尺寸限制,但图标都没有通常那很大) – KarelG

+0

@MrLister应该是。 Works [here](https://davidwalsh.name/css-custom-cursor) – Benni

回答

2
html, body { 
    cursor: url("cursor.ico"), default; 
    /* just change the cursor.ico path to your location */ 
} 

https://davidwalsh.name/css-custom-cursor

+0

它不起作用...只有默认光标出现... –

+0

您是否正确链接了CSS文件?请加'body {background:red;最后告诉我们会发生什么。 – Benni

+0

我在小提琴中试过它,它不适用于我或者:https://fiddle.jshell.net/w7eLknuw/ @Benni –

0

您可以用CSS做到这一点。

html { 
    cursor: url('path/to/your.ico'), default; 
} 

欲了解更多信息,请查看MDN

+0

MDN页面显示“一个非URL后备(一个或多个其他值)**必须**在后备列表的末尾。”这使得你的例子无效。 –