在 <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... atm你看我在'li'里面有一个'a'......所以鼠标悬停上会出现这个“手指”......但是如果我删除'a'，ofc“手指”将不会显示.相反，它会出现这个（让我们称之为）文本编辑器光标......但对于用户来说，他能够点击这个元素并不明显......有没有办法像在链接悬停时一样显示这个“手指” ?

在this 的例子中他们也有

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

它显示了这个“手指”

Answer 1

我建议：

li {
    cursor: pointer;
}

参考资料：

• cursor。

Answer 2

将cursor: pointer 添加到li。

li {
    cursor: pointer;
}

查看css-tricks 获取信息。

Answer 3

怎么样……

li:hover {
    cursor: pointer;
}

Answer 4

下面的 CSS 会解决这个问题：

li { cursor: hand; cursor: pointer; }