Question

我试图为特定的div制作一个自定义光标，但代码会将光标自定义为整页，我无法弄明白，你能帮助我吗？

我只想将自定义光标放在＆＃34;容器＆＃34; div是紫色的。

谢谢。

 $(document).ready(function(){console.log($("container").length)
$("div").css('cursor','url(http://icons.iconarchive.com/icons/fasticon/beach/128/shark-icon.png),auto');
});

Answer 1

使用

$("div#container")

而不是

$("div")

您的选择器$("div")将css应用于页面上的每个div元素。使用$("div#container")或$("#container")，您可以选择指定其ID的所需元素。

Answer 2

如果您使用$('div')，它将适用于每个div元素。而不是这个，你必须使用ID选择器或类选择器。这样做：

$("#container").css('cursor','url(http://icons.iconarchive.com/icons/fasticon/beach/128/shark-icon.png),auto');

标识为#的已更新问题，请使用此类使用.。阅读简要Jquery Selector

DEMO

你也可以在没有Jquery的情况下使用简单的css执行此操作：

#container {
    width:960px;
    height:100vh;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    background-color:#7E33DB;
    cursor: url(http://icons.iconarchive.com/icons/fasticon/beach/128/shark-icon.png),auto  /*added */
}

CSS DEMO

Answer 3

如果您想将自定义光标应用于特定div，那么在js中用户特定的div id / class，您将更改光标。

自定义光标图像仅适用于一个div

3 个答案: