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

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

我设置了列表样式,以便链接左侧有一个“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>

最佳答案:

我认为这更像是一个CSS问题,因为列表项目符号实际上不是标记的一部分.您可以通过将链接“向左”包含这样的子弹来欺骗(参见jsfiddle snippet)：

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

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

标签：jquery,javascript,css,html-lists,html
来源： https://codeday.me/bug/20190515/1110035.html