Show a "Finger" on <li> hover like its an <a>

i have a realy stupid problem -.- following: ``` <ul id="selectable" data-bind="foreach: folders"> <li> <a href="#" data-bind=" text: $data, click: $root.goToFolder"></a> </li> </ul> ``` its KnockoutJS combined with a bit of SammyJS... atm you see i got a 'a' inside of the 'li'... so that there will appear this "finger" on the mousehover... but if i remove the 'a', ofc the "finger" wont be shown. instead it will appear this (lets call it) text-editor cursor... but its not obviously to the user that he is able to klick this element... is there a way to show this "finger" like on a link hover? in this example they have also ``` <ul><li>Item</li></ul> ``` and it shows this "finger"