如何通过单击 <li> 激活 HTML 链接？

Question

我有以下标记，

 <ul id="menu">
    <li><a href="#">Something1</a></li>
    <li><a href="#">Something2</a></li>
    <li><a href="#">Something3</a></li>
    <li><a href="#">Something4</a></li>
</ul>

<li> 有点大，左边有一个小图片，我必须实际点击 <a> 来激活链接。如何点击 <li> 激活链接？

编辑1：

 ul#menu li
{
    display:block;
    list-style: none;
    background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat;
    border: 1px solid #b2b2b2;
    padding: 0;
    margin-top: 5px;
}

ul#menu li a
{

    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    padding-right:.5em;
    color: #696969;
}

原文由 San 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

#menu li { padding: 0px; }
#menu li a { margin: 0px; display: block; width: 100%; height: 100%; }

它可能需要对 IE6 进行一些调整，但这就是你如何做到的。

原文由 MiffTheFox 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

正如 Marineio 所说，您可以使用 — 的 <li> onclick 属性来更改 location.href ，通过 javascript：

 <li onclick="location.href='http://example';"> ... </li>

或者，您可以删除 --- 中的任何边距或填充，并在 <li> <a> 左侧添加一个大的填充，以避免文本超出项目符号。

原文由 Eric 发布，翻译遵循 CC BY-SA 2.5 许可协议