2016-10-04 3 views
1

전자 메일 서명을위한 링크의 밑줄을 제거하는 중 어려움이 있습니다. 문제는 링크가 맥 아웃룩이나 아웃룩에서 맥에 일반적으로 (맥 아웃룩에서 테스트 한 후 아이폰에 대한 PC 아웃룩에서 테스트 됨) 밑줄로 표시된다.HTML 밑줄 전자 메일

파란색 줄이 텍스트 장식과 함께 나타나지 않습니다. CSS를 여러 번 사용하는 href 스타일과 달리 여러 가지 방법을 시도했습니다. litmus는 'applelinks'를 제안합니다. .

맥과 PC는 하나의 시스템에서 잘 보일 것 같은 다른 결과를 보여 주지만, 링크 가능 href 코드는 사과 제품에는 밑줄이 있지만 PC에서는 괜찮아 보일 것입니다. href 링크와 그냥 링크를 써주세요 -이 사과 장치에 잘 나타납니다하지만 파란색과 밑줄이 그어진 PC에

내가보기 때문에 코드를 검사에서 outlook의 우선 순위 CSS는 자동으로 추가하기 때문에 것 같습니다 이것을 덮어 쓸 방법이 있습니까? 인라인이 나를 위해 작동하지 않는 것처럼.

덕분에 사전에

+0

n : none;'앵커에서 (아마도! important;와)? – Theraot

+0

@Theraot 텍스트 장식을 무시하고 텍스트 장식을 없애 버린 것처럼 보였습니다. 텍스트 장식을 스팬으로 이동시키려는 몇 가지 시도가있었습니다.하지만 여전히 Outlook에서는이를 무시했습니다. – Dan

답변

0

이메일 클라이언트는 자신의 규칙에 의해 HTML과 CSS 코드를 조정합니다

예컨대 : Gmail은 body 태그의 내부 HTML 있지만 모든 것을 제거합니다. 당신은 문제가 발생할 수 있습니다 YAHOO! 메일과 같은 CSS 주석을 사용하지 마십시오 헤더

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

에 스타일 태그를 가질 수 있습니다 대부분의 다른 클라이언트

.

또는

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

그리고 더 많은 도움을 얻을이 링크를 따라 텍스트 - decoratio`때 어떻게됩니까

campaignmonitor.com/css

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

email-clients/ios-blue-links

+0

응답을 감사하지만 이는 효과가없는 것 같습니다. 나도 아이폰에 그것은 여전히 ​​리트머스 한 – Dan

+1

괜찮아 죄송 댄, 난 어떤 아이폰 장치가 주어진 방법을 따라 밑줄이 나타납니다 내가이 문제를 확인할 수 있다면, 그리고 당신은 정말 내 대답에 대해 감사 드리 겠어 ' 그것을 유용하다고 표시하는 것을 망설이지 마십시오. 그것은 내게 정말 도움이됩니다 :) – SMW