时间戳

首页 > 解决方案 > 我无法让任何自定义 url 光标工作

css - 我无法让任何自定义 url 光标工作

问题描述

这是我的第一个错误，所以要温柔。我只是无法让自定义 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>

这也有效

标签： csssvg

解决方案

是否以这种方式工作？我猜你只是失踪了""

 <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;

推荐阅读