我对CSS和HTML很陌生，希望有人能帮我解决这个问题。我希望能够改变光标的图标，尽管当我运行代码时，根本没有改变。几次访问chatGPT也没有给我带来什么好处。下面是我的代码：
body2 { cursor: url("assets/img/wiiu/Smile_icon_32x32.png"), url("assets/img/wiiu/cursor.svg"), auto; }
而且是的，它是32x32。我试过把它移到不同的班级，换词，改变一切，尽管什么都不起作用。
kqqjbcuj1#
你使用了错误的css声明，你的代码只有在你定义了一个以<body2>为标签的自定义html元素时才能工作。你可能想要的是：正文{.}应用于<body>标记或者CSS类.body {...}应用于或以body作为类的任何其他标记。或CSS标识符
<body2>
<body>
body
或者，在浏览器控制台中检查是否应用了规则以及是否正确解析了图像路径。
iq3niunx2#
下面是一个很好参考：https://developer.mozilla.org/en-US/docs/Web/CSS/cursor?retiredLocale=de所以基本上你试着应用到一个body2的HTML元素你就是CSS代码。如果它是一个类，试试CSS选择器.body2 {}，或者在这种情况下它是一个HTML元素的id #body2 {}。在你的css中，你有一个主图片和第二个作为后备。只要确保你设置了正确的路径对应你的CSS文件的位置。为了确保这一点，你也可以尝试完整的路径，而不是像C:\Users\xxx\Smile_icon_32x32.png的相对路径
body2
.body2 {}
#body2 {}
C:\Users\xxx\Smile_icon_32x32.png
2uluyalo3#
下面是http://example.com/32x32/990000/fff.png&text=PNG不存在而https://dummyimage.com/32x32/009900/fff.gif&text=GIF存在的示例，因此将使用gif而不是png：
.body2 { display:inline-block; cursor: url("http://example.com/32x32/990000/fff.png&text=PNG"),url("https://dummyimage.com/32x32/009900/fff.gif&text=GIF"), auto; }
<div class="body2">display</div>
3条答案
按热度按时间kqqjbcuj1#
你使用了错误的css声明，你的代码只有在你定义了一个以
<body2>为标签的自定义html元素时才能工作。你可能想要的是：
正文{.}
应用于
<body>标记或者CSS类
.body {...}应用于或以
body作为类的任何其他标记。或CSS标识符
body {...}应用于或以
body作为id的任何其他类型的标记。或者，在浏览器控制台中检查是否应用了规则以及是否正确解析了图像路径。
iq3niunx2#
下面是一个很好参考：https://developer.mozilla.org/en-US/docs/Web/CSS/cursor?retiredLocale=de
所以基本上你试着应用到一个
body2的HTML元素你就是CSS代码。如果它是一个类，试试CSS选择器.body2 {}，或者在这种情况下它是一个HTML元素的id#body2 {}。在你的css中，你有一个主图片和第二个作为后备。只要确保你设置了正确的路径对应你的CSS文件的位置。为了确保这一点，你也可以尝试完整的路径，而不是像
C:\Users\xxx\Smile_icon_32x32.png的相对路径2uluyalo3#
下面是http://example.com/32x32/990000/fff.png&text=PNG不存在而https://dummyimage.com/32x32/009900/fff.gif&text=GIF存在的示例，因此将使用gif而不是png：