GWT:如何删除 Canvas 小部件的焦点指示器？

Question

我使用以下方法创建了一个 Canvas :

Canvas canvas = Canvas.createIfSupported();

并通过以下方式将其添加到 DOM:

RootPanel.get("canvasContainer").add(canvas);

当我在 Chrome 中打开页面并单击它时，它会以橙色焦点边框突出显示。在 Android 浏览器中，当触摸 Canvas 时，整个 Canvas 会以半透明的蓝色叠加层高亮显示，以及纯蓝色边框，就好像 Canvas 被选中一样。

如何更改此行为，以便在单击/触摸时不会以任何方式突出显示 Canvas ？

Answer 1

添加

canvas {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

进入你的 Canvas 标签 CSS。