复选框按钮需要多次点击

时间:2013-02-08 16:38:16

标签: html css

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

我遇到的问题是我有这个复选框按钮,它需要多次点击才能将其关闭,我的问题是如何阻止这种情况发生?我知道posistion:relative引起了这个问题,但我需要这个,所以每次点击一个按钮,它都不会到达页面顶部。我只想让按钮一键开启和关闭,而不是多次点击

1 个答案:

答案 0 :(得分:1)

(见问题下面的评论 - 现在我知道你们会发生什么事了)

啊 - 如果没有Javascript,你就无法解决这个问题:快速(双?)点击TEXT ITSELF被浏览器解释为“选择文本”,当发生这种情况时它不会将事件发送到复选框。使用Javascript,您可以在点击时强制“取消选择”文本。

单击“慢慢” - 避免双击文本选择 - 它将起作用(只是为了显示问题的原因,没有Javascript或专有CSS的解决方案)。

尝试添加:Prevent text selection after double click

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

相关问题