Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win


how do I display phone numbers on my web page so that iphones do not see it as a link?

Posted on 2015-02-09
Medium Priority
Last Modified: 2015-02-16
On my web page the phone number displays ok on a pc and on some mobile phones like Samsung.
On some iphones it displays as a pale blue link.
How do I make my web page so that it shows the phone number in the font and size I decide.
Thank you.
Question by:MalcolmBishop
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
LVL 11

Expert Comment

by:John Easton
ID: 40598066
The Blue links are useful for iPhone users at it allows the to click the link to make a call.  However, if you don't like then there are a couple of options (although I have not tried them).

One option is to add a meta tag in your head section. e.g:
   <title>iOS blue links test</title>
   <meta content="telephone=no" name="format-detection">

Open in new window

Or you can wrap your links in a styled span. e.g.:
<span class=”appleLinksBlack”>0123 456 789</span>

Open in new window

And add the following to your CSS:
.appleLinksBlack a {color: #000000 !important; text-decoration: none;}

Open in new window

More detail is available from https://litmus.com/blog/update-banning-blue-links-on-ios-devices which I where I learned of these options.

Author Comment

ID: 40598086
The problem with some of the iphones I looked at is the blue link is very pale.
I use a pale blue background on my webpage and you could not see the link at all as it was almost the same colour.
This must have been happening for several years on my webpage and nobody has mentioned it as I test the webpage on my Samsung which always displays exactly the same as a pc.
I am puzzled whether every webpage in the world has to do this just to satisfy Apple users.
I have not noticed it in the source code of other pages.
I will try your option 1.
It is not possible for me to view the new change as I do not have an iPhone here.
I will do the change and contact iPhone users tonight. I think that is the only way I can test it.

Author Comment

ID: 40598104
Just read the article you pointed me at and I am still confused about web pages.
I am puzzled whether every webpage in the world has to do this just to satisfy Apple users.
 I have not noticed it in the source code of other pages.
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

LVL 11

Expert Comment

by:John Easton
ID: 40598132
I can't say I've looked into other pages source code.  However, as an iPhone / iPad user most sites I visit have the blue highlighting.  On my own sites most (if not all) have had the number on a white background so I have not need to implement the changes.

However, it is not just Apple users.  Website often display differently in different browsers.  I recall Skype (I think) once had a browser plugin that highlighted numbers and clicking them initiated a call through Skype.  And who knows if Android or Windows phones have a similar features (I have not used either).

Therefore as web designers there are often things outside our control which can affect how the finished website looks to end users.  Some we just have to accept (like the different screen sizes), others we can take some steps to address like your example above.

Author Comment

ID: 40598169
Have added the code in your option 1 above.
By pure coincidence a customer with an iPhone has just arrived.
The phone number ( which is on 3 different lines on the page) now displays exactly as I built it.
Although that is a result I have several hundred pages of cars.
I am presuming I will have to upload that code to every single page. It will take me weeks.
Appreciate your solution, but would like to keep question open for a few days in case another solution pops up.
LVL 11

Accepted Solution

John Easton earned 2000 total points
ID: 40598234
I take it all your pages are static HTML and not a programming front end (e.g. PHP) with a database backend?

You should be able to find software to do find and replace on an entire directory.  E.g. replacing the closing title tag with the closing title tag, plus the new meta tag.  However, if doing this make sure you have a backup of the folder as you would not be able to 'undo' if you got anything wrong!

Notepad++ I think can do this, but if you use FrontPage or similar to edit your site it may also be able to do it.

Author Closing Comment

ID: 40611901
Thank you for the solution.

Featured Post


Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
It’s time for spooky stories and consuming way too much sugar, including the many treats we’ve whipped for you in the world of tech. Check it out!
Viewers will learn about the regular for loop in Java and how to use it. Definition: Break the for loop down into 3 parts: Syntax when using for loops: Example using a for loop:
The viewer will learn how to count occurrences of each item in an array.

618 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question