iPad聯繫鏈接CSS覆蓋

我有一個網頁，頁面標題中顯示的電話號碼。該部分頁面的字體顏色爲棕色。iPad聯繫鏈接CSS覆蓋

當在iPad上查看頁面時，iPad（正確）將文本檢測爲電話號碼並自動將電話號碼文本轉換爲「聯繫鏈接」。

我的問題是，我無法強制鏈接顏色爲棕色 - 不管我在CSS文件中做什麼（包括顏色聲明後的「！important」），電話號碼始終顯示在其中擁有自己的顏色！

任何關於如何讓我的CSS聲明贏得戰爭的線索？

2011-07-07 Steve

對this page看看（格式檢測）;）

2011-07-07 22:50:16 MatTheCat

謝謝。我在之前發現並解釋瞭如何禁用它，但不知道如何覆蓋樣式。 – Steve

即使content =「telephone = no」，你的CSS規則是否適用？ – MatTheCat

好像iPad的包裝在一個<一個>數量。我只是說這個額外的規則：

前： .phone { color:red; }

後： .phone, .phone a { color:red; }

2011-09-15 15:03:56

試試這個，它爲我工作（改變顏色代碼）：

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

2012-01-26 14:57:05

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

2013-07-15 10:30:36

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

我有一位客戶，誰是一個瘋狂的人。他希望他的電話號碼遍佈整個網站，並且只有一處與iphone/ipad自動鏈接解析器衝突。

因此，在短劃線周圍添加i標籤會使iOS看起來不像電話

2014-05-15 00:39:41 Drew

回答