CSS单击外面时隐藏弹出窗口

Question

在过去的几年中，我一直试图以最佳方式解决我的问题，目前仅在可能的情况下仅通过CSS解决简单问题，例如显示和隐藏Divs，

现在的问题是：单击按钮时显示弹出窗口并在单击弹出窗口以外的其他位置

Answer 1

5分钟前，我找到了解决方案，我一直在使用复选框和：检查伪选择器，但是它没有解决这个问题，

发现：焦点伪选择器解决了

CSS：

    #btn:focus + label{
        display:block;
    }
    label{
        display:none;
    }
    label:hover{
        display:block;
    }

html：

<input type="button" id="btn" value="submit">
<label for="btn">
    <div>
        Popup div
    </div>
</label>

将弹出窗口放在标签中因此，按下按钮时，可见标签并将按钮集中在其他任何地方时，该按钮不使用，并且标签隐藏了