2011-12-16 12 views
12

Stworzyłem płótnie przy użyciu:GWT: Jak usunąć wskaźnik ostrości na widżecie Canvas?

Canvas canvas = Canvas.createIfSupported(); 

i dodaje go do DOM przez:

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

Kiedy otworzy stronę w Chrome i kliknij go, to podkreśla z ostrości granicy pomarańczowym . W przeglądarce systemu Android, po dotknięciu płótna, całe płótno jest podświetlone półprzezroczystą niebieską nakładką, a także jednolitą niebieską ramką, tak jakby wybrano płótno.

Jak zmienić to zachowanie, aby płótno nie było podświetlone w żaden sposób po kliknięciu/dotknięciu?

Odpowiedz

20

Dodaj

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

do swojego znacznika canvas CSS.

+0

To robi lewę dla np. Chrome, ale nie działa w przeglądarce Androida. – claesv

+1

@ claesv dla webkita dla Androida, użyj '-webkit-tap-highlight-color: rgba (255, 255, 255, 0); ' – Strelok

Powiązane problemy