2017-12-13 125 views
5

Tôi không chắc chắn nếu tôi đang tìm kiếm những điều đúng nhưng trong một email HTML5 mà tôi đang gửi đi tôi có các dòng sau: -Email HTML5 - iOS - Tắt đề xuất từ?

<h3>IS THAT THE SOUND OF SLEIGH BELLS?</h3> 

Và trên iPhone 7 Sleigh Chuông của tôi là một liên kết có thể click hiển thị các đề xuất như ở dưới cùng.

Tôi đã thử gói các h3 với thẻ div, tôi đã thêm CSS sau đây: -

[x-apple-data-detectors] { 
    color: inherit !important; 
    text-decoration: none !important; 
    font-size: inherit !important; 
    font-family: inherit !important; 
    font-weight: inherit !important; 
    line-height: inherit !important; 
} 

Mà chỉ cần phong cách văn bản để không giống như một liên kết, nhưng nó vẫn còn nhấp được.

Tôi cũng đã thử thêm dòng sau: -

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/> 

Nhưng cho đến nay tôi đã không được quản lý để tìm ra một cách để làm cho từ này/cụm từ không thể nhấp, bất cứ ai có bất cứ ý tưởng?

enter image description here

+0

Bạn không chắc chắn nó sẽ hoạt động để vô hiệu hóa hành vi cảm ứng đặc biệt này, nhưng có thể thử thêm 'pointer-events: none' vào CSS của bạn cho phần tử? – delinear

+0

Yep đã thực hiện thủ thuật @delinear - cảm ơn! – nsilva

+0

Điều cần biết :) – delinear

Trả lời

4

Theo nhận xét của tôi ở trên (tôi đã không kiểm tra này, nhưng nó đã được xác nhận làm việc của OP), thêm phong cách CSS sau đây để các phần tử hoạt động để vô hiệu hóa các vòi hành vi liên kết trên các thiết bị iOS.

pointer-events: none;

Có thể điều này đã được bổ sung thông qua các quy tắc CSS iOS cụ thể được đề cập trong câu hỏi:

[x-apple-data-detectors]

+1

Điều này đã thực hiện thủ thuật, tôi nghĩ bạn vẫn phải thêm quy tắc CSS cụ thể của iOS trong câu hỏi ban đầu của tôi để xóa liên kết cũng như [x-apple-data-detector]] nhưng tôi chưa thử nghiệm điều này mà không có Đoạn mã CSS – nsilva

+1

Cảm ơn bạn đã chấp nhận và thông tin bổ sung @nsilva, tôi đã thêm nó vào câu trả lời để đánh dấu nó :) – delinear

1

Tôi biết câu trả lời này đã được giải quyết đã có, nhưng tôi muốn đề nghị bản sửa lỗi cho các ứng dụng email khác gặp sự cố với trình phát hiện dữ liệu, Gmail và Windows 10 Mail.

Trong Gmail, số điện thoại này có đường gạch dưới màu xanh lam và thay đổi thành màu xanh dương, ngay cả khi máy dò dữ liệu của Apple được khắc phục tại chỗ. Bên cạnh đó, Windows 10 Thư đặt một đường chấm chấm đen dưới chữ Thứ hai:

800-422-4234 Monday through Friday, 8 a.m. to 9 p.m. Eastern Time. 

tôi thêm &zwnj;, một nhân vật không được in vào số 800 và trong từ hôm thứ Hai. Tôi đã đặt &zwnj; giữa sau MoMon Windows 10 Mail nhận dạng Mon làm viết tắt cho Thứ Hai và nó gạch chân Mon.

800-422-42&zwnj;34 Mo&zwnj;nday through Friday, 8 a.m. to 9 p.m. Eastern Time. 

này sửa chữa các phát hiện dữ liệu với Gmail và sửa chữa vấn đề Monday trong Windows 10 Mail, nhưng sau đó nó nhấn mạnh chữ Friday. Vì vậy, tôi đã sửa lỗi tương tự:

800-422-42&zwnj;34 Mo&zwnj;nday through Fr&zwnj;iday, 8 a.m. to 9 p.m. Eastern Time. 

Điều này khắc phục sự cố phát hiện dữ liệu trong mọi ứng dụng email chính mà tôi đã thử nghiệm. Đây là cách tôi đang sử dụng tính năng Phát hiện dữ liệu Apple:

<style> 
    [x-apple-data-detectors] { 
    color: inherit !important; 
    text-decoration: none !important; 
    font-size: inherit !important; 
    font-family: inherit !important; 
    font-weight: inherit !important; 
    line-height: inherit !important; 
} 
</style> 

Tôi hy vọng điều này sẽ giúp những người khác gặp sự cố phát hiện dữ liệu với số điện thoại và ngày tháng.

Chúc may mắn.

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