css - に「指」を表示そのようにホバー

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 「指」は表示されません。代わりに、この（呼び出しましょう）テキストエディターカーソルが表示されます...しかし、ユーザーがこの要素をクリックできることは明らかではありません...リンクホバーのようにこの「指」を表示する方法はありますか?

この例では、彼らはまた持っています

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

そしてそれはこの「指」を示しています

Answer 1

私はお勧めします：

li {
    cursor: pointer;
}

参考文献:

• cursor.

Answer 2

に追加cursor: pointerしliます。

li {
    cursor: pointer;
}

詳細については、 css-tricksを確認してください。

Answer 3

次の CSS がこれを処理します。

li { cursor: hand; cursor: pointer; }

Answer 4

どうでしょう...

li:hover {
    cursor: pointer;
}