2011-12-16 5 views
12

Ben kullanarak Tuval oluşturduk:GWT: Bir Canvas Widget'ının netleme göstergesini nasıl kaldırırım?

Canvas canvas = Canvas.createIfSupported(); 

ve üzeri DOM bunu ekledi:

bunu Chrome'da sayfasını açıp tıklayın
RootPanel.get("canvasContainer").add(canvas); 

, bir portakal odak kenarlıklı vurgulamaktadır . Android tarayıcısında, tuvale dokunduğunuzda, tuvalin tamamı seçili olduğunda, tüm kanvas yarı saydam mavi bindirme ve düz mavi kenarlıkla vurgulanır.

Bu davranışı nasıl değiştiririm, böylece tuval tıklandığında/dokunduğunda hiçbir şekilde vurgulanmıyor mu?

cevap

20

sizin tuval etiketi CSS içine

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

ekleyin.

+0

Bu, örn. Chrome, ancak Android tarayıcısında hiçbir etkisi yoktur. – claesv

+1

@claesv android webkit için, 'wwkit-vur-vurgula-rengi kullan: rgba (255, 255, 255, 0); ' – Strelok