javascript - 双击以更改Safari复选框

我在标签内有此复选框

 <label for="test">
  <input id="test" type="checkbox" className="toggle-input"/>
 </label>

它在任何地方都可以正常工作，但可以使用移动浏览器。
当我尝试在Safari中点击它时，它首先注册了悬停状态。所以我必须双击以进行更改。而且我找不到解决此问题的正确方法。

最佳答案

为了解决这个问题，我在标签中添加了CSS

label{
  &>*{pointer-events:none;}
}

关于javascript - 双击以更改Safari复选框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57961402/