IPad Feedback

Question

I have a webpage with a phone number displayed in the page title. The font color for this part of the page is brown.

When a page is viewed on an iPad, the iPad (correctly) detects the text as a phone number and automatically converts the text of the phone number into a "contact link".

My problem is that I cannot make the link color be brown - no matter what I do in the CSS file (including the “important” after the color instruction), the phone number is always displayed in its own self-adjusting color!

Any tips on how to get my CSS declaration to win the war?

Answer 1

The ipad seems to wrap the number in <a>. I just added an additional rule for this:

Before: .phone { color:red; } .phone { color:red; }

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

Answer 2

Check out this page (format definition);)

Answer 3

Try it, it worked for me (change the color code):

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

Answer 4

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

It works for me. Check it out for more details.

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

Answer 5

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

I have a client who is crazy. He wants his phone number to be everywhere on the website, and in only one place did he encounter an iphone / ipad auto-parser.

So by adding the tag I around the dash, I tricked iOS into seeing it not like a phone