Как заставить работать стили в Safari в iOS?

Question

[r4gn4r0k]

Привет, ребзя. У меня небольшая проблема в верстке. Ситуация такая: верстка была проведена с помощью WYSIWIG Web Builder, на десктопах и на мобильной версии с OS Android все отображается хорошо, но в браузере Safari на iOS дела плохи.
Проблема возникает при отображении ссылки - она должна быть белого цвета, но в сафари она синяя.

Выглядит примерно так.
Вот сама мобильная версия сайта (она работает при расширении < 400, иначе автоматом перенаправляет на десктопную)
С чем это может быть связано и как вылечить?

Answer 1

[Вадим Белкин]

У вас сам номер телефона (тот что написан текстом), не является ссылкой, просто текст внутри span. А сафари "умный", он распознает в тексте номера телефонов и оборачивает их в ссылки (<a href="tel:номер">номер</a>). А к ссылке уже стандартные стили применяются.
Выход:
1. Отключить метатегом замену на ссылки в сафари.

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

2. Просто сразу сделать этот номер ссылкой и стилизовать её как нужно