如何激活 :focus on input[type="checkbox"]？

问题描述

所以我正在尝试显示：当我使用键盘通过导航按钮 (TAB) 导航时，焦点上的块菜单

悬停代码：显示：块；这工作得很好

 //desktop view - view sub menu on hover instead of click

    #menu li:hover > input[type="checkBox"] + .sub-menu {
      @include respond(tab-land) {
        display: block;
      }
    }

尝试将菜单显示块放在焦点上（键盘选项卡导航）

以下解决方案均无效

#menu li:focus> input[type="checkBox"] + .sub-menu {
  @include respond(tab-land) {
    display: block;
  }
}
#menu li:focus::after > input[type="checkBox"] + .sub-menu {
  @include respond(tab-land) {
    display: block;
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）