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



@Flipzy

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

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

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

Код
<div class="phone_wrapper">
                    <img src="https://qna.habr.com//./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;
    }


Решения вопроса 1



@Daemon23RUS

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


Ответы на вопрос 0

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *