Почему цвет шрифта телефонного номера синий на iOS?
Кто-нибудь знает, почему цвет шрифта на iPad iOS 11.0, iPhone 7 iOS 11.0, iPhone X iOS 11.0.3 синий? Я пытался изменить цвет разными способами, но у меня ничего не получалось, у меня даже нет синего цвета в моем почтовом коде, поэтому его нужно вычислить!
<table width = "100%" border = "0" cellpadding = "0" cellspacing = "0" align = "right" style = "background: #333d47; text-align: left; color: #FFFFFF;">
<tr>
<td style = "font-family:Arial, sans-serif;font-size: 12px; color: #FFFFFF; margin:0; padding:20px; font-weight: 300 !important;">Contact us now: <span editable = "true" style = "color: #FFFFFF;">+1(555) 555-555</span>
</td>
</tr>
</table>
вы имеете в виду обернуть телефон <a> вместо span? @IlyaBursov
нет, просто определите цвет для тега A
У меня установлен белый цвет бирки. Я пытался изменить цвет всего, что обертывает этот контент, но цвет не изменился!
как вы установили цвет для A?
a { color: #FFFFFF; } и a { color: white;}, и я добавил !importantПозвольте нам продолжить обсуждение в чате.
Небольшой поиск сделал бы это stackoverflow.com/questions/43303450/…
Возможный дубликат Удалить синюю гиперссылку для номера телефона в электронном письме
@Syfer - это не якорный тег. прочитайте вопрос, и мой ответ внизу сказал, что это работает с <a>, но не с <span>
Это альтернатива использованию диапазона, поэтому подчеркивание и изменение цвета не влияют на посещаемые различные устройства. Что касается того, что a не является якорем, я думаю, что сама сеть с вами не согласна developer.mozilla.org/en-US/docs/Web/HTML/Element/a
Позвольте нам продолжить обсуждение в чате.
Ответы 5
iOS по умолчанию отображает строки, которые интерпретируются как номера телефонов, как интерактивные ссылки.
Используйте метатег format-detection, и вы можете отключить эту функцию:
<meta name = "format-detection" content = "telephone=no">
См .: Поддерживаемые мета-теги
Если размещение этого метатега в <head> вашего электронного письма не сработало, вы также можете попробовать разместить тег <style> в <head> электронного письма и настроить таргетинг на a[href^=tel] с помощью CSS. Это сообщение в блоге на самом деле имеет несколько других опций, включая две, которые я здесь упомянул.
но это не якорь! его <span>
Вам нужно просто определить color in span tag, как показано ниже
a { color: #FFFFFF !important; }
span { color: #FFFFFF !important; }<table width = "100%" border = "0" cellpadding = "0" cellspacing = "0" align = "right" style = "background: #333d47; text-align: left; color: #FFFFFF;">
<tr>
<td style = "font-family:Arial, sans-serif;font-size: 12px; color: #FFFFFF; margin:0; padding:20px; font-weight: 300 !important;">Contact us now: <span editable = "true" style = "color: #FFFFFF;">+1(555) 555-555</span>
</td>
</tr>
</table>iOS дает нам x-apple-data-detectors, чтобы обойти вмешательство Apple Mail в автоматическое определение телефонных номеров и адресов и создание на них ссылок. Размещение чего-то вроде этого в вашем теге <style> должно помочь:
*[x-apple-data-detectors] {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
}
Этот CSS решил проблему у большинства клиентов.
*[x-apple-data-detectors], /* iOS */
.x-gmail-data-detectors, /* Gmail */
.x-gmail-data-detectors *,
.aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
А +. Ответ, который я дал выше, исходит из того же места (github.com/TedGoas/Cerberus), но урезан только для iOS (ваш вопрос), но этот ответ также касается Gmail.
Пожалуйста, попробуйте добавить это в шапку вашего сайта
<meta name = "format-detection" content = "telephone=no" />
Это происходит, когда iOS обнаруживает телефонные номера и превращает их в ссылки, по которым люди могут по ним вызвать. Вы можете отключить поведение, добавив это в свой раздел.
добавление этого само по себе не решит проблему, но добавление *[x-apple-data-detectors], /* iOS */ .x-gmail-data-detectors, /* Gmail */ .x-gmail-data-detectors *, .aBn { border-bottom: 0 !important; cursor: default !important; color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } в голову заставит его работать. попробуй это
эти агенты обнаруживают шаблон номера телефона и позволяют дозвониться на него, нажав, вы можете попробовать установить цвет тега
A