2011-12-16 36 views
12

我一直在使用創造了一個帆布:GWT:我如何刪除Canvas構件的焦點指示器?

Canvas canvas = Canvas.createIfSupported(); 

,並通過它添加到DOM:

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

當我在Chrome中打開頁面,點擊它,它有一個橙色的焦點邊框凸顯。在Android瀏覽器中,當觸摸畫布時,整個畫布以半透明的藍色疊加層以及純藍色邊框突出顯示,就像選擇了畫布一樣。

如何更改此行爲,以便在單擊/觸摸時不會以任何方式突出顯示畫布?

回答

20

添加

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

到你的canvas標籤CSS。

+0

這對於例如Chrome,但在Android瀏覽器中無效。 – claesv 2011-12-16 09:50:18