Css 游标的SVG表示无效的属性值

当光标位于

#square

内时，我想将光标更改为SVG。我在下面尝试缩小SVG并在CSS中设置

光标

值，但是，我得到了错误：

无效的属性值

我做错了什么？非常感谢您的帮助

#正方形{
高度：250px；
宽度：250px；
背景颜色：黄色；
光标：url（“数据：图像/svg+xml，%3Csvg id='Layer_1'数据名称='Layer 1'xmlns='1http://www.w3.org/2000/svg“height='16'width='16'viewBox='0 16'%3E%3C圆圈cx='8'cy='8'r='8'/%3E%3C/svg%3E”）；
}

---

您需要添加回退

cursor: url("data:image/svg+xml,..."), auto;

#正方形{
高度：250px；
宽度：250px；
背景颜色：黄色；
光标：url（“数据：图像/svg+xml，%3Csvg id='Layer_1'数据名称='Layer 1'xmlns='1http://www.w3.org/2000/svg“height='16'width='16'viewBox='0 16'%3E%3C圆圈cx='8'cy='8'r='8'/%3E%3C/svg%3E'），自动；
}

---

如果您尝试分配以下内容，也会出现此错误：

height: 250

而不是

height: 250px

---

正如错误所说，您应该仔细检查该值，看看它是否是该属性所期望的类型。

下次可能重复的，您可以通过单击问题片段中的“将片段复制到答案”来改进答案，然后使用修复程序编辑该片段。