iOS上的selectize.js需要双击才能关闭safari和chrome中的项目

Question

当在iOS设备上查看网站时，我必须单击关闭（x）按钮两次以取消选择使用selectize.js创建的下拉菜单中的项目（国家/地区列表中的国家/地区）。它在android和web上运行良好。

Answer 1

这很久以前就被问到了，但我想我可能有一个解决方案。我发现这个网站解释了一些东西，但对它自己的解决方案并不满意。

Double Tap Issue

所以我创建了自己的解决方案，对我来说效果非常好。

https://gist.github.com/PocketNinjaDesign/689e16e412a88dfd36dd08b26bebcacf

a.close {
  background: #fc0;

  @media (hover: hover) {
    &:hover {
      background: #f00;
    }
  }
}

感谢Mozilla ;-) https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover