2016-10-04 7 views
1

Я пытаюсь удалить подчеркивание для ссылок на подпись электронной почты, но с трудом. Проблема заключается в том, что ссылки показаны в основном на mac outlook или с Outlook на Mac в целом (проверены на mac outlook, а затем проверены на внешний вид ПК на iphone).HTML Подчеркнутый адрес электронной почты

Синяя линия появляется с текстом-украшением как ничто, я пробовал разные способы, такие как наличие в стиле href для того, чтобы иметь его в промежутке для CSS несколько раз, к использованию метода litmus предлагает «applelinks», ,

Mac и PC показывают разные результаты для меня в отношении этого, поскольку один будет отображаться отлично на одной системе, но не на другой, такой как ссылочный код href, будет иметь подчеркивание в яблочных продуктах, но отлично смотрится на ПК, напротив нет ссылка href и только что выписана ссылка - кажется, что на яблочных устройствах это выглядит отлично, но синее и подчеркнуто на ПК.

Я замечаю из проверки кода, похоже, из-за того, что внешний вид добавляет приоритет CSS подчеркивания автоматически - это есть ли способ переписать это? поскольку встроенный не работает для меня.

Заранее спасибо

+0

Что происходит, когда вы пытаетесь 'текста декорацией n: none; 'на якоре (возможно, с'! important; ')? – Theraot

+0

@ Theraot Кажется, что он игнорирует это и избавляется от текстового оформления, несколько попыток, которые я сделал, сделали текстовое оформление переместиться в промежуток, но все же внешний вид был переоценен. – Dan

ответ

0

клиентов электронной почты настроить HTML и CSS код по своим правилам:

.: например Gmail удаляет все, кроме внутренного HTML тега тела.

для большинства других клиентов, вы можете иметь стиль-тег в заголовке вашего

<style type="text/css"> 
    a {text-decoration: none !important;} 
</style> 

Не используйте комментарии CSS как YAHOO! Почта может вызвать проблемы.

или

<a href="" style="text-decoration: none !important;"> 
    <span style="text-decoration: none !important;"> 
     text 
    </span> 
</a> 

И следуйте этим ссылкам чтобы получить помощь

campaignmonitor.com/css

update-banning-blue-links-on-ios-devices

email-clients/ios-blue-links

+0

Оценил ответ, однако это, похоже, не работает я, как и на iPhone, все еще кажется подчеркнутым даже после того, как методы, приведенные особенно в лакмусовой бумаге – Dan

+1

ОК, извините, Дэн, у меня нет никакого устройства iphone, если у меня есть, я могу проверить эту проблему, и да, если вы действительно оцениваете мой ответ, Не стесняйтесь отмечать это как полезное. это действительно помогает мне :) – SMW

Смежные вопросы