光标指针改变了最佳实践

时间:2012-02-28 14:38:57

标签: php javascript cross-browser

我记得在读到关于你如何不打算使用这个技巧:<a href="#">这对我很好,因为它似乎使浏览器滚动到页面的顶部,这是不需要的。 / p>

但我确实希望光标变为指针(带手套的手),以便用户知道元素是可点击的。然而,可点击元素不会链接到任何地方。 我在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>替换它。但这似乎并不可取。有没有人知道一种简单,好的练习方法来实现这种效果而不诉诸上述黑客/ kludge?

由于

1 个答案:

答案 0 :(得分:3)

cursor: pointer; CSS属性用于你的技巧。您可以在元素中添加pointer类,以便只键入一次。

示例:

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

在你的CSS文件中:

.pointer {
    cursor: pointer;
}

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