可访问的 CSS 下拉菜单 [关闭]

Posted

技术标签:

【中文标题】可访问的 CSS 下拉菜单 [关闭]【英文标题】:accessible css dropdown menu [closed] 【发布时间】:2012-02-03 05:16:05 【问题描述】:

我对纯 css 可访问的下拉菜单有问题,我正在尝试在键盘内导航,我的意思是选项卡按钮,但第二级没有聚焦,这是一个示例:http://advidea.com/test/menu.html

【问题讨论】:

【参考方案1】:

我认为这与您想要实现的目标相似。我会仔细看看你的代码,看看能不能改正。

现在,请继续使用这个:http://jsfiddle.net/cfWpE/

【讨论】:

这在 Firefox 15(适用于 Ubuntu)中不起作用。 使用键盘导航时,子菜单项不可见。

以上是关于可访问的 CSS 下拉菜单 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

单击内部时如何关闭 Primer.css 下拉菜单?

如何创建在英雄内容顶部下拉的响应式菜单(Tailwind CSS ...)[关闭]

js完成点击任何位置都关闭下拉菜单

css下拉菜单悬停时延迟1秒

在输入焦点上打开引导下拉菜单

Bootstrap 中带有子菜单的可滚动下拉菜单