将光标更改为手指指针

我有这个a，我不知道我需要插入到“onmouseover”中，这样光标就会像常规链接一样变成手指指针:

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>

我在某个地方读到我需要写的东西:

onmouseover="cursor: hand (a pointing hand)"

但这对我没用。

另外，我不确定这是否被认为是JavaScript, CSS，或只是普通的HTML。

当前回答

通过纯CSS解决方案如上所述的答案标记为最好的不适合这种情况。

本主题中的示例没有正常的静态href属性，它只调用JS，所以没有JS它什么都不会做。

所以只在JS中打开指针是很好的。因此,解决方案

onMouseOver="this.style.cursor='pointer'"

如上所述(但我不能在那里评论)是这种情况下最好的一个。 (但是，是的，一般来说，对于不需要JS的普通链接，最好使用纯CSS而不使用JS。)

其他回答

如果我在页面上只有一个链接，我喜欢使用这个:

onMouseOver="this.style.cursor='pointer'"

在CSS中写入

a.menu_links:hover{ cursor:pointer}

 <! ––  add this code in your class called menu_links -->
<style> 
.menu_links{
cursor: pointer;
}
</style>

在上面的代码中，[cursor:pointer]用于访问鼠标悬停在链接上时出现的手状光标。

如果你使用[cursor: default]，它会显示通常出现的箭头光标。

要了解更多关于游标及其外观的信息，请点击下面的链接: https://www.w3schools.com/cssref/pr_class_cursor.asp

div{光标:指针;颜色:蓝色} p{光标:文本;颜色:红色,} <div> im指针光标</div> <p> im Txst游标</p>

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>

css。

或者在样式表中:

a.menu_links { cursor: pointer; }

推荐文章