Почему на IOS в мобильной версии другой цвет текста?

Question

[Клим Куликов]

Привет, столкнулся с такой проблемой, в адаптиве. На андройде всё ок, но у заказчика айфон и номер телефона на сайте синего цвета


в дев тулзах всё норм, на андройде тоже всё, как должно быть


не понимаю, в чём проблема, попробовал уже даже явно, в каждом упоминании класса указывать цвет, не помогло

Код

<div class="phone_wrapper">
                    <img src="./IMG/phone-icon.svg" alt="phone-icon" class="phone-icon">
                    <span class="phone-number">[phone]</span>
                    <a href="#callThePrice" class="call-back_btn">Обратный звонок</a>
                </div>

десктоп

.phone-number {
    margin-left: 5px;
    margin-right: 41px;
    color: #000;
    font-family: 'Manrope', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 76.923% */
    letter-spacing: 0.52px;
    text-decoration: none;
}

1750px

.phone-number {
        color: #000;
        margin-right: 30px;
        font-size: 22px;
    }

1400px

.phone-number {
        color: #000;
        margin-right: 30px;
        font-size: 22px;
    }

1100рх

.phone-number {
        color: #000;
        font-size: 14px;
    }

510рх

.phone-number {
        color: #000;
        font-size: 10px;
    }

Comments

[Александр Васильев]

У меня на айфоне черный. Заказчик пусть кеш почистит, если это есть до сих пор.
Вопрос не по теме - почему телефон не делаешь ссылкой? Некликабельные телеФоны -это не очень, особенно в адаптиве.

[Клим Куликов]

Александр Васильев, спасибо, что проверили, это я фикс уже сделал. А на счёт ссылки я не знал вообще, что так работает. Что вообще должно происходить при клике на номер?

[Александр Васильев]

Клим Куликов, предлагается позвонить))) а так надо копировать, вставлять - проще свалить с сайта

[Клим Куликов]

Александр Васильев, учту, спасибо

Answer 1

[Daemon23RUS]

Было уже и решение найдено. Смотрите Как запретить iphone оформлять синим телефон?