如何单击列表图像会触发单击该列表元素内的链接？

Question

我有一个包含链接的无序列表.

我设置了列表样式,以便Click Me链接左侧有一个" "图像.

ul 
{ 
    list-style-image:url(/images/ClickMe.png)
}

问题是:当用户点击" Click Me"时,它们不会被重定向,也没有任何反应.

如何单击列表图像会触发单击该列表元素中的链接？

<ul>
    <li><a href="someurl">Some Url</a></li>
    <li><a href="someotherurl">Some Other Url</a></li>
</ul>

Answer 1

我认为这更像是一个 CSS 问题，因为列表项目符号实际上并不是 a 标签的一部分。您可以通过将链接设为“左宽”来包含像这样的项目符号（请参阅jsfiddle 片段）：

ul
{ 
    list-style: disc;
    list-style-position: inside;
    padding: 0;
    margin: 0;
}

a {
    margin-left: -20px;
    padding-left: 20px;
}