Vô hiệu hóa màu cam nổi bật xung quanh liên kết trong Android

Question

Tôi đã thử hàng triệu lần xóa hộp đánh dấu màu cam gây phiền nhiễu xung quanh liên kết trên webview Android, nhưng chúng dường như không biến mất. Và không, điều này không hoạt động:

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

Tôi thực sự lúng túng ở đây, bất kỳ ý tưởng nào khác? Tôi đang thử nghiệm trên Galaxy S3.

Answer 1

Hãy thử

* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-modify: read-write-plaintext-only; 
} 

từ here. Hóa ra bit phức tạp thực sự là thuộc tính thứ hai, người dùng sửa đổi. Tôi nghĩ rằng đó là một yêu cầu từ 4.0.4, điều này sẽ ảnh hưởng đến Galaxy S3, trong số những thứ khác.

Bạn có thể thu hẹp phạm vi của công cụ chọn, nhưng nó phải ảnh hưởng đến parent của liên kết, ví dụ: a <p> hoặc <li>, không phải là liên kết.

Answer 2

Trên các thiết bị thiên hà "-webkit-tap-nổi bật màu" chỉ làm việc với

-webkit-tap-highlight-color:transparent; 

Sau đó, để thay đổi màu sắc, thêm phong cách sau đây trên các yếu tố mong muốn

a:active, 
a:hover, 
a:focus { 
    background: rgba(255, 255, 255, .5); 
} 

Answer 3

Bên cạnh đó, trên các máy tính bảng Amazon Fire mới hơn và FireTV mới hơn, bạn có thể được trình bày với một "vòng lấy nét" có thể ảnh hưởng đến mong muốn của ứng dụng để quản lý trọng tâm của riêng nó. Thông thường, điều này chỉ xuất hiện sau khi chạm vào màn hình nhanh chóng hoặc trong trường hợp thiết bị FireTV, hãy giữ một trong các phím mũi tên.

Điều này gây ra một "vòng" màu cam thường xuất hiện xung quanh các phần tử tập trung - hoặc ít nhất các yếu tố mà mã Android trong các thiết bị đó nghĩ "tập trung" - theo cùng cách lấy nét bằng cách nhấn phím tab trong cửa sổ trình duyệt.

Bạn có thể loại bỏ sự tập trung vào các thiết bị của Amazon bằng cách chèn này vào một vị trí thích hợp trong mã CSS của bạn:

*: focus {
outline: none; }