我有一个按钮
<button class='btn-activa'>MOSTRAR DIV</button>
激活这个隐藏的 div
<div class='div-oculto' style='display: none; background: red; width: 400px; height: 400px;'>MOSTRANDO DIV</div>
在 css 中,它被激活并调用类
<style>
/* al dar click al boton activa el div */
.btn-activar:focus + .div-oculto {
display: block !important;
}
</style>
我想要实现的是,当单击页面上的任何位置时 :focus 保持选中状态,因为单击任何位置时它通常会丢失,并且带有信息的 div 会消失,这是我不想要的。
我该怎么做?
即使单击了整个文档,也请尝试给它焦点:
希望这可以帮到你
我不知道在多大程度上关注焦点是必不可少的,如果你想要一个纯 CSS 的解决方案,没有 JS,你可以做的另一件事是在之前放置一个隐藏的复选框
.div-oculto
,放置一个指向该复选框而不是按钮的标签做#id_checkbox::checked + .div-oculto {
编辑举个例子