Не выводится номер телефона в iPhone Safari — как исправить
Оказывается, в браузере Safari на iPhone телефонные номера на страницах сайтов автоматически превращаются в ссылки, и из-за этого случаются разные недоразумения.
Например, у меня ссылки на сайте по умолчанию были белого цвета, и номер телефона в Safari слился с фоном — стал белым на белом.
Как решить
Есть несколько способов.
1. Задать стиль для ссылок-телефонов в CSS. Например, чтобы номер выглядел как обычный текст вокруг него:
a[href^="tel"] { color: inherit; text-decoration: none; }
Номер при этом останется ссылкой — по нему можно позвонить одним касанием, что на телефоне даже удобно. Этот способ подтвердил читатель в комментариях: на чёрном фоне номера тоже не было видно, стиль в CSS всё исправил.
2. Отключить автоопределение номеров. Добавьте в шаблон сайта, в раздел <head>, мета-тег:
<meta name="format-detection" content="telephone=no">
Тогда Safari перестанет превращать номера в ссылки.
Если после этого нужный номер всё же должен звонить одним касанием, оформите его ссылкой вручную:
<a href="tel:+380000000000">Позвонить</a>
По документации Apple, такие ссылки работают и при отключённом автоопределении, а обычные номера в тексте ссылками уже не становятся.
Некоторые делают контакты картинкой, но, по-моему, это плохой вариант: такой номер не скопируешь и не отправишь, например, по ICQ или в Skype.
Это самый классный сайт когда либо я видел.
Большое спасибо! Номера телефонов на черном фоне на устройствах apple не были видны, прописали стили в CSS и все заработало! Спасибо!!!
Пожалуйста!