光标指针更改最佳实践答案

【问题标题】：Cursor pointer change best practice光标指针更改最佳实践
【发布时间】：2012-03-05 00:33:20
【问题描述】：

我记得在 SO 上阅读过关于您不应该使用此技巧的信息：<a href="#"> 我觉得这很好，因为它似乎使浏览器滚动到页面顶部，这是不需要的。

但我确实希望光标变为指针（戴手套的手），以便用户知道元素是可点击的。然而，可点击元素并没有链接到任何地方。我在 W3C 上找到了这段代码，但是他们说它不会在 Opera 中运行；所以我的问题是，如何在不参考<a href="#"> 技巧的情况下将光标更改为所有浏览器上的指针。

代码如下所示：

<a style="cursor:pointer;" onclick="run_function();">Click Me</a>

我能想到的就是用php或者javascript来使用上面的代码，如果浏览器是Opera的话，换成<a href="#" onclick="run_function();">Click Me</a>。但这似乎并不可取。有没有人知道一种简单、良好的实践方法可以在不诉诸上述技巧的情况下实现这种效果？

谢谢

【问题讨论】：

【解决方案1】：

cursor: pointer; CSS 属性用于您的技巧。您可以将pointer 类添加到您的元素中，这样您只需键入一次。

例子：

<div class="pointer">Stuff.</div>

在你的 CSS 文件中：

.pointer {
    cursor: pointer;
}

它适用于所有主流浏览器。来源：http://www.quirksmode.org/css/cursor.html

【讨论】：