在Mac Safari中，CSS的cursor:pointer不起作用。

Question

我在一个td上设置了cursor:pointer，但在Safari（Mac上）中它只显示默认的鼠标光标，而不是像其他浏览器一样变成小手指光标。

有没有人知道是否有解决方法，还是说这是无法避免的？

更新：代码类似于以下内容：

HTML

<td class="someClass"><span>text here</span></td>

CSS

td.someClass { cursor:pointer; }

- richardstelmach

---

通常这个光标在Safari中运行，可以给我们一些代码吗？ - Dion

请提供代码或链接？我在Mac上使用Safari可以轻松测试。在我的情况下，它是工作的，因此请提供详细信息。 - ggzone

抱歉，我不能添加链接 - 我必须保持公司的匿名性。另一种表达方式是 - 有人知道在Mac上的Safari和PC上的Safari之间（相同的浏览器版本）的渲染差异吗？如果没有 - 我将删除/回答自己的问题。 - richardstelmach

@richardstelmach 请编辑您的问题，包括相关的HTML和CSS代码片段。您将通过代码示例获得更多且质量更高的答案。 - dgvid

@dgvid html: '<td class="someClass"><span>text here</span></td>'. CSS: 'td.someClass{cursor:pointer;}' @dgvid HTML: '<td class="someClass"><span>这里是文本</span></td>'。CSS：'td.someClass{cursor:pointer;}' - richardstelmach

Answer 1

我刚刚遇到了这个问题，因为我发现Safari拒绝在我正在开发的网站上显示手形鼠标指针。事实上，即使没有任何CSS的情况下测试默认链接行为，我仍然有问题。

我发现重新启动Safari可以解决这个问题。想想看，只是在不同的窗口中打开相同的网站可能也可以解决这个问题。

如果你在鼠标指针问题上卡住了，这些都是要尝试的方法，因为Safari可能会出现一些怪异/错误/不一致的状态。在我的情况下，我想这可能是由于玩弄调试开发工具引起的。

- Harry Wood

---

重新启动Safari对我也起了作用。我怀疑这与缓存有关。(注意：同样的CSS在Chrome和FFX上运行良好。) - cassi.lup

我也遇到了同样的问题。重新启动Safari解决了这个临时性的错误。 - Paolo

Answer 2

我发现可能是用户使用记录屏幕的软件引起的，因为在观看可用性测试视频时注意到了这一点 - 用户正在Mac上使用Safari。该软件可能已经替换了光标以跟踪/记录其移动。我之后在Mac上进行了测试，使用Safari工作正常。使用代码如下： 'td.someClass{cursor:pointer;}'

- richardstelmach

Answer 3

在另一个选项卡中打开页面以解决问题。您无需重新启动Safari。

- Stephen Sanwo

Answer 4

使用 td.someClass:hover {cursor: pointer;} 而不是只用 td.someClass {cursor: pointer;} 对我有用。

- Kira

Answer 5

过去我记得使用过：

cursor:hand;

......适用于Safari浏览器。

不确定现在是否仍然需要，或者是我停止使用了它。

- MetalFrog

---

没错，我知道它是为某个浏览器而设计的，只是不确定是哪一个。生活就是这样。感谢您的评论。 - MetalFrog

我发现在PC上使用Safari时它可以正常工作，但是我在观看一个可用性视频时注意到了（用户在Mac上使用Safari），有人建议这可能是由于记录用户屏幕操作的软件或网站引起的。是否有人知道Safari在Mac和PC上的渲染差异？ - richardstelmach