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

Question

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

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

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

score 227 · Accepted Answer

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

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

score 8 · Accepted Answer

8

样式=“光标：指针；”

于 2010-03-09T14:48:23.633 回答

score 5 · Accepted Answer

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

myObject.style.cursor = 'pointer';

score 3 · Accepted Answer

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

在您的 CSS 文件中：

.link_cursor
{
    cursor: pointer;
}

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

或者使用内联 CSS：

<a style="cursor: pointer;">

score 3 · Accepted Answer

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

.link { cursor: pointer; }

或者正如@mxmissile 建议的那样，使用 style="cursor:pointer;" 内联

score 3 · Accepted Answer

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

cursor:pointer;

score -2 · Accepted Answer

-2

这对我有用：

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

于 2020-01-16T00:37:16.070 回答

7 回答 7