光标在指针和箭头之间闪烁

Question

目前正在制作一个包含固定高度表格的网站，其行随时间而填充和取消。 在每一行上，我都有:hover { cursor: pointer; }，但似乎当我在行之间移动时，它会在指针和普通鼠标箭头之间闪烁。 我也注意到其他网站也存在这个问题，我不确定这是否是已知问题或是否有任何解决方法。 谢谢。

- adefilippo

Answer 1

一个解决方案是将您的表格放在一个 div 中，然后使整个 div 具有 cursor: pointer，您也不需要在 :hover 伪类上使用 cursor: pointer。

- Smokey Dawson

---

你是对的，我只需要将 cursor: pointer 从 :hover 移到普通类中，它就像魔法一样正常工作了。漂亮流畅的光标。感谢您的帮助！ - adefilippo

Answer 2

如果您的自定义CSS光标在默认鼠标箭头和自定义光标之间闪烁，请尝试以下方法：检查Photoshop是否已打开。

Photoshop可能会影响其他应用程序中的鼠标光标；请尝试退出Photoshop以查看是否解决了问题。

- Jamie Ciocco

---

是的！这也发生在我身上。我花了四个小时试图理解为什么我的光标闪烁，CSS被忽略，而且无法将光标切换到“指针”。结果发现我只需要关闭Photoshop...就可以让Chrome再次工作了... Adobe中的某个人正在进行非常丑陋、非常低级别的光标操作，一个进程可以以如此破坏性的方式影响完全不同的进程--这对于Apple和MacOS来说是一个失败。 - JasonGenX

我刚刚遇到了同样的问题。不过只是在我的网站上搞乱了我的光标！太疯狂了！ - undefined

Answer 3

您可以设置整个表格的悬停状态，以防止该行为:

table:hover {
  cursor: pointer;
}

或者，消除单元格之间的微小空间（这是光标切换发生的地方）：

table {
  border-spacing: 0px;
}

- Eric

---

我本来想用第一种方法，但是表格有固定的高度，我只想在有行的地方使用cursor: pointer，而不是整个表格都添加光标效果。第二个想法对我也没用，还是会出现闪烁问题。 - adefilippo

找到了问题，我在:hover上不需要指针，这才引起了问题。 - adefilippo