Question

在Firefox 3.6.10和3.6.7中，当首次加载页面并且鼠标指针位于链接上时，它会变成一只手。但是当我通过javascript将锚标记光标样式设置为auto并将鼠标指针悬停在同一个锚标记上时，它现在显示为纯文本。在IE8和Chrome中它按预期工作（由我）。

我理解错了吗？

<html lang="en">
<head>
<script type="text/javascript">
function cursor_auto() {
    document.getElementById('anchor').style.cursor = 'auto';
}
function cursor_pointer() {
    document.getElementById('anchor').style.cursor = 'pointer';
}
</script>
</head>
<body>
<a href="http://example.com" id="anchor">Example</a>
 <input type="button" onclick="cursor_auto();" value="Cursor Auto">
 <input type="button" onclick="cursor_pointer();" value="Cursor Pointer">
</body>
</html>

Answer 1

http://webdesign.about.com/od/styleproperties/a/aa060607.htm

Auto告诉浏览器执行此操作中通常执行的操作情况。这就像光标的“重置为默认值”选项。

据此，Firefox没有pointer作为默认光标......或类似的东西。

Answer 2

不要认为它是您的代码的问题 - 可能是一个FF错误。这也无法正常工作（不涉及js）：

<a href="http://example.com" id="anchor" style="cursor:auto">Example</a>

忘记了解决方法。最好用一个按钮添加一个类，然后用另一个按钮删除它。这样你就不会得到凌乱的内联样式，你可以轻松恢复默认值。

Answer 3

您希望指针看起来像向上倾斜的略微倾斜的箭头吗？如果是这样，请尝试以下代码：

<a href="http://example.com" id="anchor" style="cursor:default">Example</a>

当我尝试它时它在Firefox中运行，并且据我所知也应该在其他浏览器中工作。不过，试试看，如果我错了。

如果这不是您想要的，您可以在http://www.w3schools.com/CSS/pr_class_cursor.asp找到指针的更多属性值。

Firefox css在锚标记中的游标属性

3 个答案: