2010-08-18 19 views
80

Có cách nào để vô hiệu hóa tính năng này không?
Tôi chỉ có nghĩa 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 Safari: Cách tắt hiệu ứng nhấp nháy nhanh khi liên kết bị trúng

+3

Tại sao bạn muốn? Đó là để người dùng biết họ thực sự kích hoạt một cái gì đó ... nó rất hữu ích. – Fosco

+3

Về cơ bản, tôi có một div trên đầu trang của một hình ảnh lớn. Khi họ nhấp đúp vào nó, nó phóng to. (Tôi đã tắt tùy chọn phóng to vì các lý do khác) và khi bạn nhấp vào nó một lần, nó cho phép thanh công cụ hiển thị hoặc biến mất. Kể từ khi div này là minh bạch 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 giữ nó trên hầu hết các nút khác của tôi. – cat

Trả lời

194

Bạn có thể đặt màu trong suốt thành -webkit-tap-highlight-color property của phần tử đó.

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

Cảm ơn bạn rất nhiều đã làm việc tuyệt vời – cat

+72

tức là: '-webkit-tap-highlight-màu sắc: rgba (0,0,0,0);' – CrazyTim

+0

Rất mát mẻ, 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 mình, nhưng giả sử rằng bạn có thể thêm nó vào phần tử cơ thể như sau: body {-webkit-tap-highlight-color: rgba (0,0,0,0); } –

6

Sử dụng điện thoại di động Safari trong PhoneGap, chỉ này làm việc:

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

Nguồn: iPhone WebKit CSS animations cause flicker

Ngoài ra, trên bảng điều khiển chính, cho phép dựng hình:

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

Nguồn: Prevent flicker on webkit-transition of webkit-transform

+0

Tôi có cần phải lo lắng về phiên bản Mozilla không? –

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