在<li>上显示“手指”，就像它的<a></a> </li>一样

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'，那么“手指”将不会被显示出来。相反它会出现这个（让我们称之为）文本编辑器光标......但是对于用户来说，他能够点击这个元素显然不是......有没有办法在链接悬停上显示这个“手指” ？

在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; }