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

我有很多<a>html标签，但没有href用于进行onclickjavascript调用的属性。这些链接没有光标的指针样式。他们有文字样式的游标。

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

我知道我可以添加href =“＃”。我在html文档的很多地方都有此功能，并且想知道如何在不使用href属性的情况下为链接创建光标样式指针。

在您的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>

@请参阅http://www.alistapart.com/articles/behavioralseparation

编辑：值得一提的是@BalusC 提到的答案:hover对于OP的用例来说是不必要的。尽管可以使用:hover选择器添加其他样式。

只需将其添加到您的全局CSS样式中即可：

a { cursor: pointer; }

这样，您就不再依赖浏览器的默认光标样式了。

style =“ cursor：指针;”

将鼠标悬停在给定object（myObject）上时，这就是将光标从箭头更改为手的方式。

myObject.style.cursor = 'pointer';

给他们一个共同的类（例如链接）。然后添加css文件：

.link { cursor: pointer; }

或者按照@mxmissile的建议，使用style =“ cursor：pointer;”内联。

使用以下CSS创建一个类，然后通过onclick事件将其添加到您的代码中：

cursor:pointer;

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

在您的CSS文件中：

.link_cursor
{
    cursor: pointer;
}

然后，将以下HTML添加到要具有链接光标的任何元素中：（class="link_cursor"首选方法。）

或使用内联CSS：

<a style="cursor: pointer;">

角版本：

<a (click)="action(); $event.preventDefault()" href="#">Action</a>

这对我有用：

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