为什么我的自定义光标不起作用？答案

【问题标题】：Why wont my custom cursor work?为什么我的自定义光标不起作用？
【发布时间】：2023-04-03 00:00:01
【问题描述】：

我只是想让光标成为自定义图像。我到处都遵循了所有说明，但它仍然无法正常工作：

CSS：

body, html {
    margin: 0px; padding: 0px;
    border: 1px solid red;
    cursor: url(images/rsz_red_crosshair.gif), crosshair;
}

图像为 32x32。样式表已正确链接，因为边框正在显示。第二个选项（内置十字准线）工作正常。只是想知道我做错了什么，我相信这对其他人来说是相当明显的。

【问题讨论】：

我认为您的图像路径不正确jsfiddle.net/victor_007/fL2qL4k2 它适用于我
把你的图片路径改成url(../images/rsz_red_crosshair.gif)
是的，没错，我知道这很明显，即使我看了一个小时。非常感谢。

标签： html css google-chrome cursor customization

【解决方案1】：

您的样式语法是正确的，为了确定，我自己实现了它。我会确认你的图片的位置。

【讨论】：

【解决方案2】：

这个 css 应该可以解决你的问题。将 URL 包含在引号中并确保路径正确。

body {
    margin: 0px;
    padding: 0px;
    width:100%;
    cursor: url('http://icons.iconarchive.com/icons/hopstarter/plastic-mini/32/Cursor-icon.png'), auto;
}

【讨论】：