当鼠标悬停在 <li> 元素上时，显示一个类似于 <a> 元素的手指样式

Question

我有一个非常愚蠢的问题 -.- 以下是问题描述:

<ul id="selectable" data-bind="foreach: folders">
  <li>
    <a href="#" data-bind=" text: $data, click: $root.goToFolder"></a>
  </li>
</ul>

使用KnockoutJS和一点SammyJS技术组合起来...

目前您可以看到在'li'标签内有一个'a'标签...这样当鼠标悬停时就会出现手指形状的光标。但如果我删除'a'标签，那么当鼠标悬停时将出现文本编辑器的光标...这显然不利于用户点击这个元素...是否有办法让鼠标悬停时出现手指形状的光标，就像链接一样？

在这个例子中也有类似情况。

<ul><li>Item</li></ul>

并且它展示了这个"手指"

- user2572986

---

可能是[在鼠标悬停时将鼠标光标更改为类似锚点的样式]的重复问题。 - jbabey

Answer 1

我建议:

li {
    cursor: pointer;
}

参考资料：

• cursor。

- David Thomas

Answer 2

将 li 添加 cursor: pointer 样式。

li {
    cursor: pointer;
}

请查阅CSS-Tricks获取相关IT技术信息。

- Praveen

---

请查看 w3fools.com。我建议使用 MDN。 - Wottensprels

@ Sprottenwels 有什么原因吗？ - Praveen

另外：它是W3Schools，不是“W3CSchools”。虽然省略了“C”，但暗示与W3的联系也并没有更加合理。 - David Thomas

@user1671639：“糟糕的教育会伤害人。”请查看“原因”部分。 - Wottensprels

@DavidThomas 抱歉，我已经改了。谢谢指出错误。 - Praveen

@Sprottenwels 哦。那我会避免使用w3schools作为参考。 - Praveen

Answer 3

关于这个问题...

li:hover {
    cursor: pointer;
}

- Dan Lister

---

实际上，那个伪选择器是不必要的。 - Wottensprels

Answer 4

以下 CSS 将解决此问题：

li { cursor: hand; cursor: pointer; }

- Pankaj

---

我非常确定“hand”不是一个有效的属性。 即使它是，也会被第二个属性覆盖，因此这没有意义。 - Wottensprels

仅支持手指的是IE 5.0和5.5。由于IE 6和7支持指针，因此使用手指并不是必需的，但跨浏览器支持是很好的。 - Pankaj