2011-12-16 1 views
12

私が使ってキャンバスを作成しました:私はChromeでページを開くと、それをクリックすると、それはオレンジ色のフォーカス枠線で強調してGWT:キャンバスウィジェットのフォーカスインジケータを削除するにはどうすればよいですか?

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

:経由

Canvas canvas = Canvas.createIfSupported(); 

をしてDOMにこれを追加しました。 Androidブラウザでは、キャンバスに触れると、半透明の青色のオーバーレイと、キャンバスが選択されているかのように青色の境界線が強調表示されます。

どのようにこの動作を変更して、クリック/タッチするとキャンバスがどのようにも強調表示されないようにしますか?

答えて

20

キャンバスタグのCSSに

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

を追加します。

+0

これは、例えば、 Chromeは、Androidブラウザでは効果がありません。 – claesv

+1

@claesv for android webkit、 '-webkit-tap-highlight-color:rgba(255,255,255,0);を使います。 ' – Strelok

関連する問題