3

В верстке письма присутствует номер телефона. При отображении на mail.ru номер телефона оборачивается в < span > и в нем применяются свои стили. как это побороть? Ссылка с номером телефона должна оставаться ссылкой, но при этом не применять стили от mail.ru

Код прописан в шаблоне так:

a {
  display: inline-block;
  font-family: 'arial';
  color: #abafac !important;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: .7px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid #abafac;
  margin-top: 5px;
  margin-right: -6px;
}
<a href="tel:88008888888">8 800 888 88 88</a>

а в mail.ru отображается так:

a {
  display: inline-block;
  font-family: 'arial';
  color: #abafac !important;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: .7px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid #abafac;
  margin-top: 5px;
  margin-right: -6px;
}
<a target="_blank" rel="noopener"><span class="js-phone-number highlight-phone" data-title="Позвонить через Веб-Агент">8 800 888 88 88</span></a>

1 ответ 1

0

Получается, что mail.ru видоизменяет Вашу ссылку, в последствии обрабатывая её JavaScript'ом. Это сделано в целях защиты. С этим Вы ничего поделать не можете, однако стили Вы можете изменить, добавив свои со значением !important;

Например:

.js-phone-number {
    font-size: 100px !important;
}

Это при условии, что Ваш CSS mail.ru не затирает.

2
  • увы, это не помогает. уже пробовала такой вариант
    – Zaynab Cat
    Commented 3 авг. 2017 в 14:12
  • Значит Ваш CSS заменяется или переопределяется.
    – Sergej
    Commented 4 авг. 2017 в 6:56

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.