2011-12-16 7 views
12

he creado un lienzo usando:GWT: ¿Cómo elimino el indicador de enfoque de un widget de lienzo?

Canvas canvas = Canvas.createIfSupported(); 

y ha añadido que el DOM a través de:

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

Cuando abro la página en Chrome y haga clic en él, se pone de relieve con una frontera enfoque de naranja . En el navegador de Android, al tocar el lienzo, todo el lienzo se resalta con una superposición azul semitransparente, así como un borde azul sólido, como si se seleccionara el lienzo.

¿Cómo modifico este comportamiento para que el lienzo no se resalte de ninguna manera al hacer clic/tocar?

Respuesta

20

Añadir

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

en su CSS etiqueta canvas.

+0

Esto hace el truco para, p. Chrome, pero no tiene efecto en el navegador de Android. – claesv

+1

@claesv para Android webkit, use '-webkit-tap-highlight-color: rgba (255, 255, 255, 0); ' – Strelok

Cuestiones relacionadas