Trình duyệt Android - xóa đường viền viền khi neo được lấy nét

Question

Tôi đang sử dụng ứng dụng Android của mình một chế độ xem web tải một trang bên ngoài. Nó có một vài neo (<a> thẻ). Khi tôi bấm vào nó, viền màu vàng xuất hiện.

Làm cách nào để ngăn chặn và xóa đường viền này?

Tôi đã thử thủ thuật sau đây:

// jQuery 
$("a").focus(function(){ 
    $(this).attr("hideFocus", "hideFocus"); 
}); 

// CSS 
a, :focus { 
    outline: none; 
} 

nhưng không thành công.

Cảm ơn!

Answer 1

Đặt CSS tài sản -webkit-tap-highlight-color như sau:

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

Lưu ý: thiết lập các màu sắc theo những cách khác thường thất bại vì cách webkit ám nổi bật. Phụ thuộc vào phiên bản/biến thể theo kinh nghiệm của tôi.