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

如何解决如何激活 :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;
  }
}