微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何阻止SVG光标不断更改为后备值

如何解决如何阻止SVG光标不断更改为后备值

我正在为客户建立一个站点,并且我一直都在收到有关SVG光标故障的反馈。出于某种原因,它对我来说效果很好,但是在另一台笔记本电脑上,它似乎在SVG和后备光标之间来回移动。正如我所读过的,绝对有必要使用后备值,但是关于为什么它会一直出现故障的任何想法?

我将光标分配给body元素,因此CSS是正确的。我唯一的问题是如何将游标一直返回到后备值?由于我用尽了所有的选择,所有提示都将不胜感激。

这是我分配给 cursor变量内容

--cursor-svg: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E %3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,4L68,105.9c-5.4,5.4-5.4,14.2,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,9.8,4.1c3.5,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z'/%3E %3C/svg%3E"),auto;

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。