将鼠标上的鼠标光标更改为锚样式

如果我将鼠标悬停在 div上，鼠标光标就会变成 HTML 锚中的光标。

我怎么能这么做？

244520 次浏览
小开
最佳答案

假设您的 div具有 id="myDiv"，请将以下内容添加到 CSS 中。cursor: pointer指定光标应该是用于锚点(超链接)的相同的手形图标:

要添加的 CSS

#myDiv
{
cursor: pointer;
}

您可以简单地将光标样式添加到 div的 HTML 中，如下所示:

<div style="cursor: pointer">


</div>

编辑:

如果您决定使用 jQuery 完成此任务，那么在 $(document).ready()或主体 onload中添加以下代码行: (使用所有 div共享的任何类替换 myClass)

$('.myClass').css('cursor', 'pointer');
小开

你实际上不需要 jQuery，只需要 CSS:

<div class="special"></div>

这是 CSS:

.special
{
cursor: pointer;
}
小开

这个可以

#myDiv
{
cursor: pointer;
}
小开

If you want to do this in jQuery instead of CSS, you basically follow the same process.

假设您有一些 <div id="target"></div>，您可以使用以下代码:

$("#target").hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});

这样就行了。

小开

我认为 :hover在上面的答案中缺失了。所以以下将做必要的。(如果需要 css)

#myDiv:hover
{
cursor: pointer;
}
小开

到2022年，JQuery 可以安全地替换为普通的 JS。下面是如何改变 div的风格。假设 div有 id="myDiv"，那么:

const myDivElem = document.querySelector("#myDiv");
myDiv.style.cursor = "pointer";

其中 querySelector的参数可以是任何 CSS 选择器。


提交答案