2012-02-06 4 views
14

관련 항목 : How to write a:hover in inline CSS?작성 방법 : 인라인 CSS를 방문하셨습니까?

HTML 전자 메일 뉴스 레터를 만들어야합니다. 모든 스타일은 인라인이어야합니다. (에 따르면 - http://www.campaignmonitor.com/css/ 모든 이메일 클라이언트는 HEAD 태그와 STYLE 태그를 인식 할 수 있습니다 만, 그들은 모두 인라인 스타일을 선호한다..)

내 문제 : 디자이너 그래서, 어두운 배경 색 + 흰색 링크를 원한다 내가 사용하는 -

<a href="http://www.mySite.com" target="_blank"> 
    <span style="color: #ffffff;" >ici</span> 
</a> 

그러나 "방문한 색"은 어둡습니다.

"방문한 색상"을 변경하는 다른 방법이 있습니까?

감사합니다.

아타 라.

P. 또한 해독 된 BODY 링크, vlink 특성을 시도했습니다. 작동하지 않았다.

답변

18

먼저 행운을 빈다. HTML 전자 메일은 1996 년 기술 수준에 단단히 붙어 있습니다. 당신이 실제로 할 경우 필요를 A는 별도의 색상이 범위에 중요한을! 추가하는 것입니다 "방문"


한 가지를 시도합니다. 인라인 스타일을 재정의합니다

a:visited * { color: #000 !important; } 

하는 경우 : 예를 들어

는 메일 클라이언트 는 자신의 스타일 시트에서이 같은 것을이있을 수 있습니다.

그래서, 당신의 범위를 변경해보십시오 :

<a href="http://www.example.com" target="_blank"> 
    <span style="color: #ffffff !important;" >ici</span> 
</a> 

가 다시 재정의 할 수 있습니다.

크롬의 빠른 테스트에서는 a:visited * { ... !important}이 인라인 스타일을 무시하지만 !important을 스팬에 다시 추가하면 정상적으로 작동 함을 알 수 있습니다.


2017 업데이트

CampaignMonitor의 CSS 가이드는 이제 모든 스타일을 머리에 <style> 요소를 사용하기보다는 인라인 추천 것으로 보인다. 다른 답변을 기반으로 이것은 Outlook의 최신 버전과의 최상의 호환성을 제공하는 것 같습니다.

+0

이 의견을 보내 주셔서 감사합니다. – Atara

0

신속하고 더러운 해결 방법 : 몸 당신의 HTML 이메일 뉴스 레터 (DOCTYPE HTML PUBLIC 작동 "의에을 = VLINK를 추가"yourcolor "- // W3C // DTD HTML 4.01 과도 // EN를 라! " "http://www.w3.org/TR/html4/loose.dtd ")

2

이것은 꽤 오래된 스레드이지만 누군가에게 유용 할 것이라고 생각했습니다.아무것도 다른 내가 아이디어는 2016 년 여기에 설명 된 모든 (아웃룩 2010 이상) 시도

1

신체 내에서 평범한 구식

<style>a:visited{color:white !important}</style> 

을 사용하는 것을 제외하고 전망 2013 년 나를 위해 일하지, 그들 중 누구도 나를 위해 일하지 . https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

그는 (자신의 블로그 게시물에서 코드) 강한 앵커 태그 내부 태그를 사용합니다 : 이메일을 전달할 때 그것은 심지어 변경 링크 색상의 문제를 해결 <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

하지만이 솔루션을 사용하여 성공을 거두었 Gmail로.

다른 사람을 돕는 희망!

1

<a> 태그 안에 style 속성을 설정하고 <span>을 모두 삭제하지 않으시겠습니까?

해당 인라인을 수행하면 :visited 속성을 덮어 써야합니다.

이 같이

:

<a href="http://www.example.com" target="_blank" style="color: #ffffff !important;" > 
    ici 
</a> 

참고 : 그리고 당신이 그것을 더 백업 거기에 !important 속성을 추가 할 수 있습니다 안전합니다.

이 방법이 가장 좋은 방법이며이를 수행하는 가장 깨끗한 방법이라고 생각합니다.

관련 문제