@Flipzy
Веб-разработчик

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

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

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

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

Код

<div class="phone_wrapper">
                    <img src="./IMG/phone-icon.svg" alt="phone-icon" class="phone-icon">
                    <span class="phone-number">+7(985)777-09-66</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;
    }

  • Вопрос задан
  • 224 просмотра
Решения вопроса 1
Daemon23RUS
@Daemon23RUS
Было уже и решение найдено. Смотрите Как запретить iphone оформлять синим телефон?
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы