Có một điểm đánh dấu màu xanh lam xuất hiện bất cứ khi nào một Div có thuộc tính con trỏ: con trỏ được áp dụng được chạm vào trong Chrome. Làm thế nào chúng ta có thể thoát khỏi nó?
Tôi đã thử những cách sau:
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
Nhưng chúng không ảnh hưởng đến tô sáng màu xanh lam khi nhấn con trỏ.
Câu trả lời:
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
Xử lý vấn đề, vì nó đặt màu đánh dấu trong suốt.
Nguồn: http://samcroft.co.uk/2012/alternative-to-webkit-tap-highlight-color-in-phonegap-apps/
Theo như tôi được biết, câu trả lời của Vlad K có thể gây ra sự cố trong một số thiết bị Android.
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;rgba(0,0,0,0)thay vìrgba(255,255,255,0)
Chỉ cần thêm cái này vào biểu định kiểu của bạn và chỉ cần thêm class="no_highlights"thuộc tính vào phần tử mà bạn muốn áp dụng lớp này.
no_highlights{
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
hoặc bạn có thể thực hiện việc này trên toàn cầu cho tất cả các phần tử bằng cách xóa tên lớp và thực hiện việc này.
button,
textarea,
input,
select,
a{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
Cảm ơn :) nhưng dù sao. đường viền màu xanh ở đó như một tính năng trợ năng. Nó trông xấu nhưng, nó giúp ích cho những người cần nó nhất.
Theo tài liệu, bạn có thể chỉ cần làm điều này:
-webkit-tap-highlight-color: transparent; /* for removing the highlight */
Nó hoạt động với tôi trên Chrome 68 dành cho Android và Chrome 80 trên Windows.
-webkit-tap-highlight-color: transparent;cũng ổn.