2011-12-16 29 views
12

tôi đã tạo ra một Canvas sử dụng:GWT: Làm cách nào để xóa chỉ báo tiêu điểm của tiện ích Canvas?

Canvas canvas = Canvas.createIfSupported(); 

và thêm nó vào DOM qua:

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

Khi tôi mở trang trong Chrome và nhấp vào nó, nó nổi bật với một biên giới tập trung cam . Trong trình duyệt Android, khi chạm vào canvas, toàn bộ canvas được tô sáng bằng lớp phủ màu xanh bán trong suốt, cũng như viền màu xanh đậm, như thể canvas đã được chọn.

Làm cách nào để thay đổi hành vi này để canvas không được đánh dấu theo bất kỳ cách nào khi được nhấp/chạm?

Trả lời

20

Thêm

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

vào thẻ canvas CSS của bạn.

+0

Điều này thực hiện thủ thuật cho ví dụ: Chrome, nhưng không có hiệu lực trong trình duyệt Android. – claesv

+1

@claesv cho webkit của android, sử dụng '-webkit-tap-highlight-color: rgba (255, 255, 255, 0); ' – Strelok

Các vấn đề liên quan