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

我有很多没有href属性的<a> html标签来进行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> 

这很好，原因很多。 search引擎优化，或者如果人们没有JavaScript，href =“”将工作。 例如

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

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

编辑：值得注意@ BalusC的答案他提到:hover是没有必要的OP的用例。 虽然其他风格可以添加:hoverselect器。

Answer 2

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

 a { cursor: pointer; } 

这样你就不再依赖浏览器的默认光标风格了。

Answer 3

style =“cursor：pointer;”

Answer 4

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

 .link { cursor: pointer; } 

或者像@mxmissilebuild议的那样，用style =“cursor：pointer;”来内联。

Answer 5

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

 myObject.style.cursor = 'pointer'; 

Answer 6

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

无论是在你的CSS文件中：

 .link_cursor { cursor: pointer; } 

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

或者使用内联CSS：

 <a style="cursor: pointer;"> 

Answer 7

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

 cursor:pointer;