首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何通过点击<li>激活HTML链接?

如何通过点击<li>激活HTML链接?
EN

Stack Overflow用户
提问于 2009-07-13 20:07:21
回答 12查看 345.8K关注 0票数 76

我有以下标记,

<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> activate the链接?

Edit1:

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;
}
EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2009-07-13 20:08:23

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

它可能需要对IE6进行一些调整,但这就是您如何做到这一点。

票数 130
EN

Stack Overflow用户

发布于 2009-07-13 20:16:48

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

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

或者,您可以删除<li>中的任何边距或填充,并在<a>的左侧添加较大的填充,以避免文本越过项目符号。

票数 24
EN

Stack Overflow用户

发布于 2012-02-21 00:25:54

只需将链接文本添加到一个'p‘标签或类似的标签中,并为该元素添加边距和填充,这样就不会影响MiffTheFox给你的设置,即

<li> <a href="#"> <p>Link Text </p> </a> </li>
票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1121748

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档