通过单击填充来定位ahref

新手问题在这里。我有一个导航栏，里面填充了所有的内容，我希望能够在单击填充时定位ahref。这可以通过每个li的onclick/javascript来完成吗？还是有一个简单的CSS方法？通过单击填充来定位ahref

另外我有一个搜索栏，我想通过点击它的填充来关注它。我认为这需要类似的方法。

首先，你必须设置display:inline-block为您链接的属性。然后，从列表项中删除填充并将其应用于链接。

你的CSS应体现以下几点：

li a { 
display: inline-block; 
padding: 10px; 
}

Here's a fiddle的工作示例。

2012-08-23 19:48:28

将填充设置为锚点而不是li。

请参阅http://jsfiddle.net/FBsKH/并进行比较。

关于搜索栏，你可以发表一些代码吗？

如果我将填充添加到<input type="text" />，并在填充上单击它，它将获得焦点（在Firefox和Chrome上测试）。见这里：http://jsfiddle.net/fnsRu/

编辑：

啊，现在我明白你想用的搜索栏的内容。

问题是，AFAIK与CSS你不能设置焦点到一个元素。

然后，您可以：

2012-08-23 19:37:26 Oriol

太好了。这工作。感谢Oriol和Vinny。如果我想点击搜索栏周围的区域，怎么样？您无法以相同的方式应用填充，因为填充会影响搜索栏的大小。 – user1620806

我在窗户上使用铬，我看到一个巨大的文本框，而不是与填充正常大小的文本框。 – user1620806

这是我的代码：http://jsfiddle.net/fnsRu/2/忽略我的路线中的不匹配。我主要感兴趣的是在搜索栏周围点击来定位搜索栏。它在代码的最后一位。 – user1620806

也许你可以指定：

li.someclass a { 
    display: inline-block; //or display:block; 
    width: 100%; 
    height: 100%; 
}

（记得要指定宽度/父容器的高度也是）

不知道如果我得到你的权利，虽然

2012-08-23 19:39:57 mymlyn

回答