如何设置光标样式指针的链接没有 href

我有很多没有 href属性的 <a> html 标记用于进行 onclick javascript 调用。这些链接没有光标的指针样式。他们有文本样式的光标。

如何在不使用 href属性的情况下将光标样式设置为链接的指针？

我知道我可以加 href = “ #”。我在 html 文档的很多地方都有这个，并且想知道如何在不使用 href属性的情况下为链接制作光标样式指针。

273046 次浏览
小开

如果我没记错的话，请使用 CSS cursor: pointer。

在 CSS 文件中:

.link_cursor
{
cursor: pointer;
}

然后只需将下面的 HTML 添加到任何希望具有链接光标的元素: class="link_cursor"(首选方法)

或者使用内联 CSS:

<a style="cursor: pointer;">
小开

Style = “ cursor: point;”

小开
最佳答案

在你的 css 文件中添加这个... 。

a:hover {
cursor:pointer;
}

如果您没有 css 文件，将其添加到 HTML 页面的 HEAD 中

<style type="text/css">
a:hover {
cursor:pointer;
}
</style>

也可以通过在 javascript 末尾返回 false 来使用 href = “”属性。

<a href="" onclick="doSomething(); return false;">a link</a>

SEO 或者如果人们没有 javascript，href = “”将会工作。

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>

@ see http://www.alistapart.com/articles/behavioralseparation

编辑: 值得注意的是@BalusC 的 回答，他在其中提到，对于 OP 的用例来说，:hover是不必要的。虽然其他样式可以添加与 :hover选择器。

小开

给他们一个通用的类(例如 link) ，然后添加 css 文件:

.link { cursor: pointer; }

或者按照@mx 导弹的建议，使用 style = “ cursor: point;”

小开

使用以下 CSS 创建一个类，并使用 onclick 事件将其添加到标记中:

cursor:pointer;
小开

这就是当鼠标悬停在给定的 object(myObject)上时，如何将光标从箭头更改为指针的方法。

myObject.style.cursor = 'pointer';
小开

这对我很有效:

<a onClick={this.openPopupbox} style=\{\{cursor: 'pointer'}}>

提交答案