我正在尝试将“超级菜单”从“悬停”切换为“焦点”。我希望“点击”显示下拉菜单并保持显示，直到单击其他顶级选项。如果可能的话，我需要一个纯CSS解决方案。
基于其他Q / A，我已将CSS元素从'hover'更改为'focus'，并将tabindex =“1”添加到相关的'li'标记。它在Chrome中运行良好，但在我尝试过的任何其他浏览器中都没有。
JS小提琴在这里：http://jsfiddle.net/only1chip/QzwXV/
<li tabindex="1"><a href="#_" class="menuitem_drop">Home</a>
我提前道歉：在菜单“横向”之前，你必须让你的JS小提琴“结果”窗口相当宽 - 结果将是荒谬的，直到你这样做...我试图让它变瘦为小提琴，但无法让它工作。
感谢您提供的任何见解。
芯片
PS是的，“大型菜单”是商业产品 - 如果我们可以修改它以适合我们的应用，我们肯定会支付全部要价。
答案 0 :(得分：0)
在非webkit浏览器中单击时，看起来锚标签正在窃取焦点。您可以尝试将其更改为span标记。我有updated your fiddle的工作示例，在Chrome 27和Firefox 21中进行了测试。