我正在尝试将“超级菜单”从“悬停”切换到“焦点”。我希望“点击时”显示下拉菜单并保持显示状态，直到点击其他一些顶级选择。如果可能的话，我需要一个纯 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 是的，那个“超级菜单”是一种商业产品——如果我们可以修改它以适用于我们的应用程序，我们肯定会支付全部要价。