2010-04-28 26 views
22

Tôi muốn phát triển một ứng dụng web sử dụng HTML, CSS và Javascript một điều thực sự gây phiền nhiễu là bất kỳ liên kết hoặc nút nào… khi được nhấp vào bên trong trình duyệt Android được đánh dấu bằng đường viền màu xanh lục.Trình duyệt Android XANH biên giới khi nhấp vào

Để chứng minh những gì tôi có nghĩa là tôi đã bao gồm một liên kết đến một trang có chứa một trò chơi cơ bản viết bằng CSS

http://marbles2.com/app/

Có cách nào mà bạn nhận thức được để vô hiệu hóa các biên giới màu xanh lá cây nhấp chuột?

Cheers

Paul

+2

Hey, đó là một trò chơi thực sự thú vị. Tôi nghĩ rằng tôi sẽ làm cho một ứng dụng android ra khỏi nó ... – Derek

Trả lời

6

Hãy thử điều này trong phong cách của bạn:

style="-webkit-tap-highlight-color:rgba(0, 0, 0, 0);" 

Hope this helps.

46

Trong CSS stylesheet của bạn (một trong ứng dụng web của bạn), thêm này:

* { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
} 
+2

Điều này chắc chắn vô hiệu hóa màu sắc, nhưng cần lưu ý rằng điều này có vẻ là một loại tất cả hoặc không có gì của điều. Ví dụ: làm -webkit-tap-highlight-color: rgba (255,255,255,1) - sẽ giúp bạn có màu trắng đồng nhất, mang lại cho bạn màu xanh mặc định một lần nữa. – RussellUresti

+0

@RussellUresti: Bạn nói đúng ... Vấn đề là đường viền màu xanh lá cây không phải vì CSS nhưng vì trình duyệt Android nên có, cách duy nhất để loại bỏ nó là tắt nó đi. Theo như tôi biết, dường như không có cách nào thay đổi màu sắc của biên giới. – Legend

+0

Tuyệt vời. Đây là một nỗi đau cho bất cứ ai viết một trò chơi web bằng JavaScript. – mgiuca

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