移动Safari上的HTML5画布游戏在轻触时变暗。

Question

我正在开发一个HTML5画布游戏，它在大多数浏览器上都可以正常运行，甚至可以在移动设备上运行。

但是，在Safari移动版中，如果您点击画布，它会变得稍微暗淡 - 就像如果您点击任何HTML元素一样。我猜这是为了选择目的。

有没有什么方法可以禁用这种暗化效果？

- clamp

Answer 1

我认为您看到的确实是Canvas对象的选择。您可以尝试通过将alpha设置为0来隐藏高亮颜色。

* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

- eelkedev

Answer 2

有一个可以使用的CSS规则：-webkit-user-select: none;，它可以防止用户选择文本。

- Lewis

---

感谢！在普通的Safari移动浏览器中，这个代码完美运行。然而，当我将它添加到主屏幕书签后，它就不再工作了。 - clamp