我无法让任何自定义 url 光标工作答案

【问题标题】：I can't get any custom url cursor to work我无法让任何自定义 url 光标工作
【发布时间】：2021-04-07 04:59:06
【问题描述】：

这是我的第一个错误，所以要温柔。我只是无法让自定义 url 光标工作。当使用像“指针”这样的标准时一切正常，但是当使用 url 时，无论是本地的还是远程的，它什么都不做。

我在这里遇到过类似的问题正在解决，但没有一个对我有用（检查大小、文件类型、url 位置...）

我的目标是让它在悬停 svg 图像时出现。我已经尝试在 svg 文件本身内设置它的样式，它适用于“指针”但不适用于“url”。我尝试在标签内添加 svg 文件，并在其中设置光标的样式，适用于“指针”，不适用于“url”。在不同的浏览器上测试，没有一个响应。

我做错了什么？请参阅下面的一些我尝试过的东西：

<svg ...>
<style>
    svg {cursor: url(01ssss3326.cur);}
</style>
</svg>

没用

<svg ...>
<style>
    svg {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=107471);}
</style>
</svg>

没用

<body>
    <img src="prettyinternet.svg" alt="" style="cursor: url(http://www.rw-designer.com/cursor-extern.php?id=109070);">
</body>

没用

<body>
    <img src="prettyinternet.svg" alt="" style="cursor: pointer;">
</body>

这行得通

<svg ...>
    <style>
        svg {cursor: pointer;}
    </style>
 </svg>

这个也可以

【问题讨论】：

标签： css svg

【解决方案1】：

这样工作吗？我猜你只是想念""

 <svg ...>
    <style>
        svg {cursor: url("01ssss3326.cur");}
    </style>
    </svg>

这是我在我的一个项目中使用的另一个示例，它有效。我在我的 css 中传递它

cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='32' height='38' viewport='0 0 100 100' style='fill:black;font-size:19px;'><text y='50%'>?</text></svg>") 16 0,auto;

【讨论】：

嗨，Evren，我试过用引号“”单引号''没有引号，没有任何作用。
但是，通过您提供的示例，我看到了一些进展：当我将它添加到外部 CSS 表时，您的 css 对我有用，但它不适用于我的内联样式的目标。即使在外部 CSS 工作表上，我的示例也无法正常工作。
好吧，我不知道如何更改内联样式以使其工作，但如果您没有特定原因，我建议您不要使用内联样式。尤其是光标，因为您有时可能希望在悬停时更改它。
问题不在于内联，因为它也不能在外部 CSS 表上工作，而且“指针”即使是内联也能正常工作。但我已经解决了！碰巧指定后备游标显然是强制性的。这也在你的代码上，而我的代码中没有，现在我已经做出了改变，它终于可以工作了！感谢回复！