Html 复选框按钮需要多次单击

任何使用firefox浏览器的人都可以打开

我的问题是这个复选框按钮我有，它需要多次点击关闭它，我的问题是如何才能阻止这种情况发生？我知道这是由

posistion:relative

引起的，但是我需要它，这样每次我点击一个按钮时，它就不会出现在页面顶部。我只想在一次点击中打开和关闭按钮，而不是多次点击（请参见问题下方的评论-现在我知道你会发生什么）

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

单击“慢慢地”-避免双击文本选择-它将工作（只是为了显示问题的原因，没有Javascript或专有CSS就没有解决方案）

尝试添加以下内容：

也许你应该使用一个完整的Javascript复选框按钮解决方案，而不是仅仅用CSS来完成它。

（请参阅问题下面的注释-现在我知道你会遇到什么情况了）

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

单击“慢慢地”-避免双击文本选择-它将工作（只是为了显示问题的原因，没有Javascript或专有CSS就没有解决方案）

尝试添加以下内容：

---

也许你应该使用一个完整的Javascript复选框按钮解决方案，而不是仅仅用CSS来完成它。

我只需要点击一下。最近的FF。@Mörre希望我有你的FF哈哈。你们可以看到，在我的屏幕上，当我点击按钮时，它会变成绿色，这很好，但当我再次点击它时，它会高亮显示字母，按钮保持绿色，然后当我再次点击它时，按钮会变回原来的状态而关闭color@user2048994你有什么版本的FF？你需要支持吗？我只需要点击一下。最近的FF。@Mörre希望我有你的FF哈哈。你们可以看到，在我的屏幕上，当我点击按钮时，它会变成绿色，这很好，但当我再次点击它时，它会高亮显示字母，按钮保持绿色，然后当我再次点击它时，按钮会变回原来的状态而关闭color@user2048994你有什么版本的FF？你需要支持它吗？