Liên kết iPad Liên kết ghi đè CSS

Question

Tôi có trang web có số điện thoại đang được hiển thị trong tiêu đề trang. Màu phông chữ cho phần đó của trang là màu nâu.

Khi trang được xem trên iPad, iPad (chính xác) phát hiện văn bản dưới dạng số điện thoại và tự động chuyển đổi văn bản số điện thoại thành "liên kết liên hệ".

Vấn đề của tôi là tôi không thể FORCE màu liên kết có màu nâu - bất kể những gì tôi làm trong tệp CSS (bao gồm "! Quan trọng" sau bảng màu), số điện thoại luôn được hiển thị trong đó màu tự chọn của riêng mình!

Bất kỳ manh mối nào về cách khai báo CSS của tôi để giành chiến thắng?

Answer 1

Có một cái nhìn về this page (định dạng phát hiện);)

Answer 2

Nó có vẻ như ipad kết thúc tốt đẹp số trong một < một >. Tôi chỉ cần thêm một quy tắc bổ sung cho điều này:

Trước: .phone { color:red; }

Sau: .phone, .phone a { color:red; }

Answer 3

Hãy thử điều này, nó làm việc cho tôi (thay đổi mã màu):

a.phone[href^=tel]:link { color:#9F6; } 

Answer 4

<meta name = "format-detection" content = "telephone=no"> 

Làm việc cho tôi. Kiểm tra điều này để biết thêm chi tiết.

http://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html

Answer 5

(360) 687<i>-</i>8936 

Tôi có một khách hàng là người một người điên. Anh ta muốn số điện thoại của anh ta trên toàn bộ trang web, và chỉ ở một nơi nó đụng độ với trình phân tích cú pháp tự động liên kết iphone/ipad.

Vì vậy, thêm thẻ i xung quanh dấu gạch ngang đánh lừa iOS để xem nó không phải là điện thoại