Установил жетый цвет номера телефона в заголовке, но при просмотре сайта с IPHONE цвет - красный

голоса: +2

<div class="head-c">
 <div class="site-phone">
 <span class="code">+7 (916)</span>
<span class="number">245-56-90</span>
 </div> </div>

--------------------------------------стили---------------

.head-c{float:left;position:relative;padding: 0 0 0 10px;color:#FBD21B;}

.site-phone {padding:20px 0 0 0;font-family:'Holiday';}
.site-phone .code{font-size:25px; vertical-align: 15px;}
.site-phone .number{font-size:50px;}


Адрес сайта elka2015.ucoz.ru
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Денис

Ответов: 2

голоса: +3
 
Лучший ответ

Добрый день,

все дело в следующем. В айфоне (как минимум в сафари) если на странице есть номер телефона – он там автоматически становится ссылкой и если нажать на номер – вам предложат осуществить вызов. В веб-версии это просто текст, а в случае с айфоном – становится ссылкой. А для ссылок у вас как раз красный цвет прописан.

Достаточно добавить в CSS такую вещь:

    .number > a {
        color: #FBD21B;
}

и в айфоне цвет будет тоже желтый

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
спасибо за совет) помогло)
"а ларчик открывался просто..."))
Голоса: +1
Проверил ваш сайт с телефона цвет аналогично желтый, а почему у вас красный это уже интересно. Посмотреть бы скриншот.
| Автор:
фото загрузил в основной пост
такая проблема часто встречается с сайтами на ucoz при просмотре через айфон. возможно какой то баг, не знаю, но сам страдаю от этого на этом сайте www.kazan-transfer.ru , номер телефона черный, но на айфоне то желтый, то зеленый, то красный
...