通過單擊填充來定位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

回答