使<li>列出图像可点击并保持格式</li>

Question

我使用<ul>进行树控制。单击某个项可展开或折叠节点。

列表图像（项目符号）不可点击，因此解决方案似乎是隐藏它们并只显示我自己的图像。这样做的问题是当一个项目换行到下一行时，列表项的默认包装缩进行为将丢失。

如何在CSS中实现我想要的目标？

Answer 1

无需用图像替换子弹。将onclick的{​​{1}}事件绑定到某个函数时，单击子弹似乎也会触发它。要将项目符号的li绑定到其他函数，请在onclick中包含li文本内容并指定其他span事件;类似的东西：

onclick

还有一点工作演示：little link。

希望有所帮助！

Answer 2

您可以使用：

li { 
    padding-left: 1em;
    text-indent: -1em;
}

也可以

#myDiv { 
    padding-left: 1em;
    text-indent: -1em;
}

这将在list / div的第一行之后缩进。

如果元素无效，您可能还需要向元素添加display: block;。没有测试过，但试一试。

Answer 3

<li>标记前面的项目符号在这里似乎完全可以点击给我：http://jsfiddle.net/jfriend00/5xzNR/所以我认为你可以让你的常规<li>标记可以点击。