iPad Safari: Cách tắt hiệu ứng nhấp nháy nhanh khi một liên kết đã được nhấn

Có cách nào để vô hiệu hóa điều đó không?
Ý tôi chỉ là trong trình duyệt ... Khi bạn nhấp vào một liên kết hoặc một nút hoặc một div có chức năng nhấp vào nó, nó sẽ nhấp nháy một hộp màu xám nơi bạn nhấp nhanh. Làm cách nào để ngăn chặn điều này?

ipad mobile-safari

— con mèo
nguồn

Tại sao bạn sẽ muốn? Nó để người dùng biết rằng họ thực sự đã kích hoạt thứ gì đó ... nó rất hữu ích.

— Fosco

Về cơ bản, tôi có một div phía trên của một hình ảnh lớn. Khi họ nhấp đúp vào nó, nó sẽ phóng to. Vì div này trong suốt nên tôi không muốn nó nhấp nháy mỗi khi họ nhấp vào nó. Tuy nhiên, tôi vẫn giữ nó trên hầu hết các nút khác của mình.

— cat

Câu trả lời:

217

Bạn có thể đặt màu trong suốt cho thuộc -webkit-tap-highlight-colortính của phần tử đó.

a {
    -webkit-tap-highlight-color: transparent;
}

— kennytm
nguồn

ví dụ:-webkit-tap-highlight-color: rgba(0,0,0,0);

— CrazyTim

Rất tuyệt, cảm ơn. Tôi đã thêm nó vào div vùng chứa bao gồm ứng dụng dành cho thiết bị di động của tôi, nhưng giả sử rằng bạn cũng có thể thêm nó vào phần tử body như sau: body {-webkit-tap-highlight-color: rgba (0,0,0,0); }

— B-Money

Đối với hồ sơ, một ứng dụng tôi đang tạo trong Phonegap liên tục có hiện tượng nhấp nháy ngắn khi nhấn vào các phần tử và điều đáng chú ý là tôi đã gặp lỗi. Cài đặt -webkit-tap-highlight-color:transparentcho mọi thứ (tức là *) hoạt động như một sự quyến rũ.

— Charlie

Charlie - Vấn đề bạn đang gặp phải là do Webkit dường như áp dụng một thời gian ngắn màu đánh dấu cho mục sau khi nó không hoạt động. Thay vì đặt một quy tắc chung như vậy, việc thêm -webkit-tap-highlight-color: rgba(0,0,0,0);vào trạng thái không hoạt động của liên kết được nhắm mục tiêu sẽ giải quyết được vấn đề.

— Michael Johnston

Chỉ muốn thêm rằng việc sử dụng webkit-tap-highlight-color: nonekhông không làm việc. Bạn thực sự phải thiết lập tính minh bạch thông qua rgba(0,0,0,0).

— matthewpavkov

Sử dụng Safari di động trong Phonegap, chỉ điều này hoạt động:

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }

Nguồn: Ảnh động CSS trên iPhone WebKit gây nhấp nháy

Ngoài ra, trên bảng điều khiển chính, hãy bật kết xuất:

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }

Nguồn: Ngăn nhấp nháy trên webkit-chuyển đổi bộ chuyển đổi webkit

— màu đỏ
nguồn

Có phiên bản Mozilla nào mà tôi cần lo lắng không?

— Sterling Bourne