我已经创建了一个画布:
Canvas canvas = Canvas.createIfSupported();
并通过以下方式将其添加到DOM:
RootPanel.get("canvasContainer").add(canvas);
当我在Chrome中打开页面并单击它时,它会突出显示一个橙色对焦边框.在Android浏览器中,触摸画布时,整个画布都会以半透明的蓝色叠加层以及纯蓝色边框突出显示,就像画布被选中一样.
如何更改此行为,以便在点击/触摸时画布不会以任何方式突出显示?
解决方法
加
canvas { outline: none; -webkit-tap-highlight-color: rgba(255,255,0); /* mobile webkit */ }
进入你的画布标签CSS.