3

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"

4

4 回答 4

10

I'd suggest:

li {
    cursor: pointer;
}

References:

于 2013-07-11T14:17:52.963 回答
2

Add cursor: pointer to li. 

li {
    cursor: pointer;
}

check css-tricks for information.

于 2013-07-11T14:18:35.520 回答
0

What about...

li:hover {
    cursor: pointer;
}
于 2013-07-11T14:18:57.633 回答
0

Following CSS will take care of this:

li { cursor: hand; cursor: pointer; }
于 2013-07-11T14:22:54.397 回答