無法將CSS菜單從懸停狀態切換到焦點

Question

我試圖將「超級菜單」從「懸停」切換爲「焦點」。我希望在「點擊」時顯示下拉菜單並保持顯示，直到點擊其他頂層選擇。如果可能的話，我需要一個純粹的CSS解決方案。

基於其他Q/A，我已將CSS元素從「懸停」更改爲「焦點」，並將tabindex =「1」添加到相關的'li'標籤。它在Chrome中運行良好，但在我嘗試過的任何其他瀏覽器中都沒有。

JS提琴是在這裏：http://jsfiddle.net/only1chip/QzwXV/

<li tabindex="1"><a href="#_" class="menuitem_drop">Home</a> 

我提前道歉：你必須讓你的JS提琴「結果」窗口相當寬前的菜單將「走橫」 - 其結果將是荒謬的直到你做到這一點...我試圖讓它變瘦，只是爲了小提琴，但無法讓它工作。

感謝您提供的任何見解。

芯片

PS是的，這就是超級菜單「是一個商業產品 - 我們肯定會支付全部的要價，如果我們可以修改它爲我們的應用程序。

Answer 1

在非webkit瀏覽器中點擊時，它看起來像錨標籤竊取焦點。您可以嘗試將它們更改爲span標籤。我有updated your fiddle的一個實例，在Chrome 27和Firefox 21中測試過。