GWT：如何删除画布小部件的焦点指示器？

我使用以下方法创建了画布：

Canvas canvas = Canvas.createIfSupported();

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

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

当我在Chrome中打开页面并单击它时，它会以橙色焦点边框高亮显示。在Android浏览器中，当触摸画布时，整个画布将以半透明的蓝色覆盖以及纯蓝色边框高亮显示，就像画布已被选中一样

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

添加

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

---

进入画布标记CSS。

这对Chrome等浏览器有效果，但在Android浏览器中没有效果。@claesv对于Android webkit，使用

-webkit点击高亮显示颜色：rgba（255，255，255，0）此外，如果这不起作用，请尝试硬刷新，以便CSS也重新加载。