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

Question

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

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

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

Answer 1

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

这有很多原因。搜索引擎优化或如果人们没有javascript，href =“”将起作用。 e.g。

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

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

编辑：值得注意的是@BalusC的answer他提到的:hover并不是OP的用例所必需的。虽然可以使用:hover选择器添加其他样式。

Answer 2

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

a { cursor: pointer; }

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

Answer 3

  

style =“cursor：pointer;”

Answer 4

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

myObject.style.cursor = 'pointer';

Answer 5

给他们所有公共类（例如链接）。然后添加css文件：

.link { cursor: pointer; }

或者@mxmissile建议，使用style =“cursor：pointer;”

进行内联

Answer 6

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

cursor:pointer;

Answer 7

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

在CSS文件中：

.link_cursor
{
    cursor: pointer;
}

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

或使用内联CSS：

<a style="cursor: pointer;">

Answer 8

角度版本：

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

Answer 9

这对我有用：

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