html - 复选框按钮需要多次点击

Question

任何有火狐浏览器的人都可以打开这个小提琴。

我遇到的问题是我有这个复选框按钮，它需要多次点击才能将其关闭，我的问题是如何阻止这种情况发生？我知道posistion:relative这是导致此问题的原因，但我需要这样做，以便每次单击按钮时，它都不会转到页面顶部。我只希望按钮一键打开和关闭，而不是多次单击

Answer 1

（请参阅问题下方的评论 - 现在我知道你会发生什么）

啊——没有 Javascript，你无法解决这个问题：快速（双击？）点击 TEXT ITSELF 被浏览器解释为“选择文本”，并且在发生这种情况时它不会将事件发送到复选框。使用 Javascript，您可以在点击时强制“取消选择”文本。

点击“慢慢地”——避免双击文本选择——它会起作用（只是为了显示问题的原因，没有 Javascript 或专有 CSS 没有解决方案）。

尝试添加这个：双击后防止文本选择

也许您应该使用完整的 Javascript Checkbox-Button 解决方案，而不是尝试仅使用 CSS 来完成它。