GWT: Come rimuovo l'indicatore di messa a fuoco di un Canvas Widget?

Question

Ho creato una tela utilizzando:

Canvas canvas = Canvas.createIfSupported(); 

e aggiunto al DOM tramite:

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

Quando apro la pagina in Chrome e fare clic su di esso, si mette in luce con un focus bordo arancione . Nel browser Android, quando si tocca la tela, l'intera area di disegno viene evidenziata con una sovrapposizione blu semitrasparente e un bordo blu uniforme, come se fosse stata selezionata la tela.

Come si modifica questo comportamento, in modo che la tela non venga evidenziata in alcun modo quando si fa clic/si sfiorano?

Answer 1

Aggiungere

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

nel vostro tag canvas CSS.